Hazy Sapphire color palette — #CDE5D4 · #C9A628 · #4469E6 · #786000 · #172550

Sapphire and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CDE5D4): A whisper-light, dusty teal — the color of sea glass.
• Gold (#C9A628): A luminous, balanced green — the color of new leaves after rain.
• Sapphire (#4469E6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Olive (#786000): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#172550): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged cool.

Use it as a design system

One click turns Hazy 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

• Mustard Dune color palette (#D9F7E7, #CBBC36, #7A78D4, #7E7400, #313154)
• Soft Apricot color palette (#F8D2E1, #F08D28, #007BC4, #925000, #002B49)
• Pale Alley color palette (#CFF3E4, #96A025, #674AC0, #525800, #1D0748)
• Powdered Lime Alley color palette (#BEE9DC, #93BA29, #9157BB, #556E00, #36184B)
• Iris Grove color palette (#EBDCC3, #ECBB39, #827DEA, #A27C00, #251665)
• Wandering Sapphire color palette (#C8E7D4, #917F00, #0C67CC, #544900, #002758)
• Patina Balcony color palette (#E4E1D1, #9A8600, #0088A4, #9B4284, #251F00)
• Lime Veranda color palette (#DEFDF4, #A6C470, #BB90D9, #718C3C, #4C395A)

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