Hazy Sapphire color palette — #D3F4E4 · #9F7F00 · #3359FF · #0E0022 · #000107

Royal Blue and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D3F4E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Ochre (#9F7F00): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#3359FF): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#0E0022): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

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

• Wandering Cobalt color palette (#E4EED5, #AB7800, #0078B9, #0B0D1A, #000205)
• Byzantium Veranda color palette (#DAF8DD, #D86100, #9615ED, #11031F, #010109)
• Aged Grape color palette (#D8E9DF, #7FA325, #8600D1, #190214, #020108)
• Tempered Bloom color palette (#D6EADC, #A05B00, #7500BD, #1E030A, #040001)
• Powdered Balcony color palette (#E7DFC9, #19BC3E, #7839DE, #261548, #060002)
• Washed Byzantium Cabin color palette (#CEEDF1, #008870, #9C00B3, #18040D, #02000A)
• Orchid Harbor color palette (#E2F0E2, #AECC2D, #A45CEC, #380B31, #111124)
• Weathered Aubergine Harbor color palette (#EBE8F1, #B3A3B4, #9F745B, #620053, #16111D)

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