Hazy Sapphire color palette — #FBECD5 · #C19624 · #2864CC · #6D5200 · #213557

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

The five colors

• Cream (#FBECD5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#C19624): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#2864CC): A full-bodied, vivid violet — the color of wild irises.
• Coffee (#6D5200): A full-bodied, balanced gold — the color of old brass.
• Navy (#213557): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Indigo Basin color palette (#F5EEDA, #9B901C, #7660DC, #605800, #342F55)
• Antique Balcony color palette (#F3E7D6, #BC8600, #6475C5, #704E00, #12183C)
• Amber Corridor color palette (#FFEADA, #C6773E, #0083B6, #854100, #003A54)
• Marigold Chapel color palette (#E1F5E1, #DA9A1D, #808EE0, #966700, #2B315C)
• Pale Violet color palette (#F0F1D8, #77AF4F, #9859B8, #2C5500, #42294F)
• Gentle Ridge color palette (#F8ECD3, #7F6C00, #3339DA, #443900, #0B0C50)
• Mulberry Courtyard color palette (#F2E3C6, #927700, #007A8C, #84397A, #37290A)
• Byzantium Studio color palette (#E9E8BD, #71A623, #9200BE, #395A00, #450B5A)

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