Hazy Sapphire color palette — #F8E3F4 · #1F50F6 · #745100 · #092592 · #0A0500
A conversation between Royal Blue and Indigo, giving this palette its sense of optimism and creativity.
The five colors
- Blush (#F8E3F4): A whisper-light, dusty pink — the color of a candy shop window.
- Royal Blue (#1F50F6): A full-bodied, vivid violet — the color of a velvet chair.
- Coffee (#745100): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Indigo (#092592): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#0A0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: 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
- Lapis Summit color palette (#E9EBFF, #6042E8, #5C5C00, #34168E, #060600)
- Timeworn Petrol Meadow color palette (#E2F2EE, #006DB3, #7F4900, #003A63, #0C0400)
- Charred Nightshade color palette (#EFDBEB, #2241B7, #523900, #06006D, #0A0500)
- Ultramarine Delta color palette (#D6E3F8, #4B78DF, #8D6B00, #052EE3, #090500)
- Sapphire Boulevard color palette (#DAE7F8, #3168BF, #006544, #002662, #000201)
- Quiet Corridor color palette (#E6ECFF, #3611F4, #901400, #004B22, #01000F)
- Byzantium Thicket color palette (#F6D5DE, #A73BD7, #216900, #42005B, #010800)
- Powdered Grove color palette (#F6D2E5, #A499FF, #8F8A00, #5240A3, #2C2B00)
Browse the whole catalog at Explore, or see today's palette.