Misty Sapphire color palette — #FFF4E0 · #00B4D5 · #5662B4 · #4F3C00 · #001422

Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Cyan (#00B4D5): A luminous, balanced blue — the color of open sky before noon.
• Slate (#5662B4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#4F3C00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#001422): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged retro, 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

• Sunlit Cobalt color palette (#FFF2EA, #00BAB2, #006FB6, #682A00, #00161A)
• Hushed Grove color palette (#FBF7D4, #40A8FE, #7D55A5, #354700, #060D32)
• Faded Sky Market color palette (#FFF4DB, #4BC6F6, #7971C5, #5E5100, #2E1731)
• Misty Boulevard color palette (#F8EFC5, #0094D2, #5C3F9A, #2A2F00, #000311)
• Hazy Azure Coast color palette (#E0FDF5, #4298E6, #A03D2E, #631E00, #001105)
• Nightshade Thicket color palette (#C6E8CE, #00859E, #3734B1, #413000, #04263E)
• Tempered Azure Courtyard color palette (#FFF2EA, #C2EEFF, #4598DB, #006A64, #0C1848)
• Hazy Veranda color palette (#ECD5EF, #69ADFF, #707CE5, #A72E78, #112344)

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