Hazy Sapphire color palette — #EFF6FF · #E0B523 · #3A61C6 · #243868 · #111B2A

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Saffron (#E0B523): A luminous, balanced green — the color of a quiet forest floor.
• Royal Blue (#3A61C6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#243868): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#111B2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged luxury, dark.

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

• Patina Mint Delta color palette (#E5EFFF, #90C675, #49609C, #263456, #0E1624)
• Sapphire Meadow color palette (#EFF6FF, #FF9C8C, #2764C7, #223A62, #101B2A)
• Tempered Loft color palette (#FEF0FB, #F8D574, #4262C5, #112173, #11020F)
• Airy Ultramarine Lantern color palette (#EFF6FF, #8DBDFF, #DE7B26, #0B62C5, #2E1121)
• Pale Balcony color palette (#F0F5FF, #FFB8C6, #6686EC, #40569D, #0D1A31)
• Worn Oat color palette (#F4F4FC, #B4DEB3, #8B7396, #4C4A5E, #2B2A34)
• Clover Pier color palette (#E0E2FC, #00CC6B, #6C3DA4, #3B1461, #150725)
• Muted Loft color palette (#FFF0FC, #DF8196, #2D418A, #142152, #281125)

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