Hazy Sapphire color palette — #FFF0FE · #9AC0FF · #C8A333 · #226CE8 · #332600

A conversation between Royal Blue and Gold, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#9AC0FF): A luminous, balanced violet — the color of a velvet chair.
• Gold (#C8A333): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#226CE8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#332600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged 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

• Marigold Lagoon color palette (#E1FDF3, #7AC8FF, #DC982B, #007CB9, #392300)
• Byzantium Grove color palette (#FFF1F5, #D1ACF8, #B0AB41, #9350CB, #2C2900)
• Misty Station color palette (#FFF1F6, #DACAFF, #D5B955, #9870DC, #443700)
• Soft Coral color palette (#E5FBF1, #76CBF2, #F47D7A, #0081AB, #4A1012)
• Tempered Cornflower Grove color palette (#F8E1F5, #5C8AF9, #967800, #31509B, #241B00)
• Hazy Grape color palette (#FFF1F7, #C8B2FF, #23B321, #7A00E5, #022602)
• Antique Grove color palette (#FFF0FB, #E7D8D6, #B2AF9E, #009DB4, #4E2F43)
• Airy Lilac color palette (#FFF1F6, #B392ED, #CE8138, #AC6F00, #201333)

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