Soft Sapphire color palette — #D9ECF9 · #209AF9 · #0071D5 · #274E99 · #212D5B
Royal Blue and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D9ECF9): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#209AF9): A luminous, vivid blue — the color of open sky before noon.
- Royal Blue (#0071D5): A full-bodied, vivid blue — the color of deep harbor water.
- Indigo (#274E99): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#212D5B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Soft Sapphire into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Azure Courtyard color palette (#D5EBF4, #00AFE7, #007FB4, #005583, #002950)
- Hazy Balcony color palette (#DEF3FC, #008ACE, #005FBB, #182E8B, #2D265E)
- Cornflower Pier color palette (#E2F0FF, #77AAFF, #5377D7, #4959A0, #33355C)
- Frosted Lapis color palette (#D7E9F2, #3EB2FA, #2B8DFF, #3D54E3, #2C2762)
- Tempered Quarry color palette (#C9E0FF, #5097FF, #009F6E, #0C5EC5, #003220)
- Dusty Indigo color palette (#E2E6FF, #949DFF, #5E66D6, #323084, #120B44)
- Airy Grove color palette (#B0F5FF, #28C3F0, #007CE1, #3D10B9, #310C49)
- Antique Cobalt color palette (#E3ECFF, #D2CCFF, #CAA4E6, #5B75B6, #2A314A)
Browse the whole catalog at Explore, or see today's palette.