Hazy Sapphire color palette — #E0F2E5 · #A28200 · #3B63F2 · #655000 · #050F4E

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

The five colors

• Honeydew (#E0F2E5): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#A28200): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#3B63F2): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#655000): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#050F4E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Aged Grape Quarry color palette (#E3F2EB, #9F9C25, #6445CD, #585600, #1B0B46)
• Dusty Indigo Villa color palette (#F5E5CB, #D9A72D, #626CE3, #8E6A00, #120653)
• Worn Field color palette (#DCEEDB, #C68924, #0069AA, #704A00, #001C33)
• Pale Grape Corridor color palette (#DFE1C9, #7A7E00, #7137DA, #474900, #130034)
• Hazy Ridge color palette (#D9EEE2, #7D6D00, #0051BD, #423900, #001742)
• Washed Sapphire Atelier color palette (#E6E0CD, #8B7200, #375AD9, #5343AC, #171100)
• Feathered Violet Cabin color palette (#C4F0E2, #98C12A, #944BEC, #597500, #3A1365)
• Faded Ember Balcony color palette (#F6D9EB, #DF5100, #0081A1, #8C3000, #001E29)

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