Misty Sapphire color palette — #EFF6FF · #9DBFFF · #B8A73C · #386EDF · #2E2800

Royal Blue takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#9DBFFF): A luminous, balanced violet — the color of wild irises.
• Gold (#B8A73C): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#386EDF): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#2E2800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Feathered Mustard color palette (#FBE8F6, #A7BBFF, #E3B521, #677FDE, #433300)
• Weathered Cobalt color palette (#EDF6FF, #89C5FB, #E98E57, #0079C4, #421B00)
• Chalky Byzantium color palette (#F3F4FF, #CDAFF1, #C8A426, #904CCE, #322600)
• Aged Iris Market color palette (#DFEAFC, #718AE8, #927A00, #3C4E99, #231B00)
• Wandering Cerulean color palette (#F0F5FF, #DFD8E2, #9DBAB0, #209EB8, #282B4B)
• Grape Lantern color palette (#F3F4FF, #D3ACFF, #00B336, #8700D3, #002705)
• Softworn Nightshade Garden color palette (#E6EEFF, #7B86ED, #827F00, #3C00D6, #080800)
• Amber Grove color palette (#F4F4FF, #BC8EE8, #CF8222, #A57400, #231232)

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