Hazy Sapphire Drift color palette — #F9DFF7 · #2E68CB · #6C5700 · #003183 · #221A00

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

The five colors

• Blush (#F9DFF7): A whisper-light, dusty pink — the color of neon signs at night.
• Royal Blue (#2E68CB): A full-bodied, vivid violet — the color of wild irises.
• Coffee (#6C5700): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#003183): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#221A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Aubergine Parlor color palette (#FFE4F4, #625DC3, #615C00, #35009D, #1D1C00)
• Worn Nightshade Quarry color palette (#CFE1FD, #3D62C9, #715200, #0C00A7, #0D0700)
• Softworn Loft color palette (#CBE9DD, #0076A7, #8C4100, #003E5A, #2E1100)
• Worn Ultramarine Chapel color palette (#E3ECFF, #1F45D3, #584E00, #293F12, #040E30)
• Ultramarine Studio color palette (#E7D9E4, #557FEC, #986B00, #1601F3, #261800)
• Misty Boulevard color palette (#FEF0FD, #81A0D7, #899136, #3A62B0, #42461B)
• Washed Plum color palette (#FFE5E7, #9F4198, #576000, #62005D, #1A1D00)
• Muted Lapis Alley color palette (#E0E9FA, #97A9FF, #BD8203, #4039E2, #261700)

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