Misty Sapphire color palette — #D3EDF9 · #18A2EC · #2773DE · #3042A5 · #27255A

A conversation between Royal Blue and Indigo, giving this palette its sense of trust and stability.

The five colors

• Frost (#D3EDF9): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#18A2EC): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#2773DE): A full-bodied, vivid blue — the color of open sky before noon.
• Indigo (#3042A5): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#27255A): 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 Misty 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

• Hushed Cornflower color palette (#DFF0FF, #6FB0F5, #5577D7, #5459A4, #403063)
• Muted Grove color palette (#CBE7E9, #008FBD, #005CA7, #3B0CA5, #381A5A)
• Hushed Lapis Grove color palette (#D6E7FD, #4F85F6, #4841D6, #422292, #290045)
• Indigo Station color palette (#E8F0FF, #838CF2, #7563D8, #5F3999, #3C134F)
• Dusty Canyon color palette (#E0E6FF, #8D9EFC, #5B6AD3, #353498, #0F0044)
• Turquoise Lantern color palette (#BDE8E8, #00B3CD, #007F9C, #005478, #002D50)
• Ultramarine Dune color palette (#ECD6EA, #6294FB, #AB7E00, #2057D1, #362600)
• Soft Scarlet Terrace color palette (#EBDEE8, #5E7BF0, #D23E2E, #007F38, #121B43)

Browse the whole catalog at Explore, or see today's palette.