Hazy Sapphire color palette — #FEF3E7 · #7ABFF6 · #2D5CEC · #00545D · #32236A

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

The five colors

• Ivory (#FEF3E7): a clean, paper-quiet neutral.
• Sky (#7ABFF6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#2D5CEC): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00545D): A full-bodied, dusty blue — the color of open sky before noon.
• Royal Purple (#32236A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, 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

• Cobalt Lantern color palette (#FFF2E9, #5DC6ED, #0072BC, #005652, #1B2A6F)
• Sapphire Balcony color palette (#DDF8F8, #7CC2FF, #0070D5, #004D6A, #021543)
• Cornflower Quarry color palette (#F1F9E0, #9DD1FF, #218BFB, #006C93, #173061)
• Periwinkle Grove color palette (#EAFAED, #B9DEFF, #77AAFF, #0093B2, #232574)
• Sunlit Periwinkle color palette (#E5FEDE, #66D6FB, #7EA4FF, #006F36, #003A46)
• Teal Archive color palette (#EBDBD3, #4CB1AC, #006271, #004121, #002334)
• Tempered Meadow color palette (#FBF3EF, #CCE3CF, #3497B7, #1A7355, #265146)
• Abyss Summit color palette (#F9EDE8, #4A8C95, #004359, #00231A, #000919)

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