Swiss Blue

815 / Benjamin Moore
#A3C1E3

A mid-toned, oceanic blue that reads as both calm and architectural.

Spec Sheet

Hex#A3C1E3
RGB163, 193, 227
HSL212°, 53%, 76%
On White 1.86:1 Fail
On Black 11.29:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool
Use these colors for all components:

Background: #E7EAEE
Text: #1D232A
Accent: #A3C1E3
Support: #856D51
Neutral: #C7C6D7

Rules:
- Use Background for surfaces and canvas
- Use Ink for body text and icons
- Never use Accent as body text — contrast is too low
- Maintain 4.5:1 minimum contrast for normal text
Learn more about AI Palette

Design System from Swiss Blue Palettes are free. Exports aren't.

#E7EAEE background RGB 231 234 238
#1D232A ink RGB 29 35 42
#A3C1E3 accent RGB 163 193 227
#856D51 support RGB 133 109 81
#C7C6D7 neutral RGB 199 198 215
Processed in 0ms

CSS Variables

:root {
  --palette-background: #E7EAEE;
  --palette-ink: #1D232A;
  --palette-accent: #A3C1E3;
  --palette-support: #856D51;
  --palette-neutral: #C7C6D7;
}

Tailwind Config

{
  "palette-background": "#E7EAEE",
  "palette-ink": "#1D232A",
  "palette-accent": "#A3C1E3",
  "palette-support": "#856D51",
  "palette-neutral": "#C7C6D7"
}

Pro Exports Pro

Color Blindness Simulation

#B5C2E5
Protanopia
#ADBBE2
Deuteranopia
#91C9CC
Tritanopia

Build a design system around Swiss Blue.