Misty Sapphire color palette — #EFF6FF · #7DAEFF · #D09818 · #1867E3 · #4D3600

Royal Blue takes the lead with Mustard close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#7DAEFF): A luminous, balanced violet — the color of wild irises.
• Mustard (#D09818): A luminous, balanced gold — the color of old brass.
• Royal Blue (#1867E3): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#4D3600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged vibrant.

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

• Softworn Amber color palette (#EDF6FF, #7EC8FF, #D88500, #006FA8, #553100)
• Quiet Thicket color palette (#E8EEFF, #ADB0FF, #A09907, #5854AF, #3A3700)
• Washed Cornflower Ridge color palette (#FFF0FE, #A3C6FF, #F7B423, #4A89F3, #4E3500)
• Ultramarine Ridge color palette (#EFF6FF, #5E8FF7, #AD6F00, #1348D7, #523300)
• Mallow Boulevard color palette (#F3F4FF, #CBA0FF, #9BAF61, #8E70B3, #3E471D)
• Patina Cabin color palette (#FFEFFF, #A4CAFF, #00CE89, #0B79F3, #003822)
• Faded Rose Alley color palette (#E9F8FF, #33D5F0, #EB4944, #008699, #661E1B)
• Frosted Rose Harbor color palette (#E3EBFF, #6E95FF, #F14E46, #3C924B, #222F50)

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