Hazy Sapphire color palette — #EFE4F0 · #0076DD · #402C5D · #021B37 · #000B04

Royal Blue and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#EFE4F0): a clean, paper-quiet neutral.
• Royal Blue (#0076DD): A full-bodied, vivid blue — the color of deep harbor water.
• Royal Purple (#402C5D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#021B37): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000B04): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Creativity, Balance. Tagged noir, dark, luxury.

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 Alley color palette (#E3F0FF, #007EE5, #35155B, #231E24, #000717)
• Patina Cerulean color palette (#D9EDE2, #0085A3, #263464, #001F28, #030A01)
• Amethyst Lantern color palette (#FBD8EB, #744BFF, #4F2749, #191436, #000A07)
• Hushed Cornflower color palette (#DAEAFF, #3790FF, #4F4F95, #1D3556, #000A06)
• Ultramarine Veranda color palette (#DDECFF, #0057B2, #1A124C, #000C24, #010109)
• Ancient Boulevard color palette (#FBEDF9, #809BD3, #655257, #3F343E, #1D2320)
• Tempered Balcony color palette (#FDE5EC, #9F5CCF, #563633, #2F1B22, #120A11)
• Soft Corridor color palette (#E1E3F3, #9192FF, #009872, #3A8100, #1F1854)

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