Hazy Sapphire color palette — #EFF6FF · #3070FE · #9A2457 · #4C3F00 · #003937

Sapphire and Raspberry set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sapphire (#3070FE): A full-bodied, vivid violet — the color of a velvet chair.
• Raspberry (#9A2457): A full-bodied, balanced rose — the color of strawberry cream.
• Deep Olive (#4C3F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#003937): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Feathered Indigo color palette (#EDF1FF, #705DE2, #902A34, #3A3E00, #003238)
• Feathered Mulberry color palette (#EDF6FF, #0083CF, #921F80, #5C3500, #003B20)
• Gentle Mulberry color palette (#E6F4FF, #008CCA, #A2145B, #363E00, #061E00)
• Lilac Balcony color palette (#F4F4FF, #9F70C9, #914D41, #464D03, #004144)
• Rust Workshop color palette (#FFF0FE, #5C99FF, #C84611, #695200, #003B1E)
• Cornflower Corridor color palette (#EBFAEE, #A6D3FF, #497ADE, #00637C, #363A6B)
• Antique Basin color palette (#E2EDFF, #A899D3, #A26C9B, #446249, #1F4B4E)
• Soft Byzantium Market color palette (#E1E6FF, #A48AFF, #9346DE, #722F84, #5C2555)

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