Hazy Sapphire color palette — #E7F9FC · #009A8B · #0065CD · #60428D · #261C2F
A conversation between Royal Blue and Plum, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E7F9FC): a clean, paper-quiet neutral.
- Fern (#009A8B): A luminous, balanced teal — the color of sea glass.
- Royal Blue (#0065CD): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Plum (#60428D): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#261C2F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, 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
- Pale Indigo color palette (#E9F8FF, #0096A3, #6755D9, #6F3276, #28162A)
- Rose Lagoon color palette (#FDF0FF, #D3556D, #0673C5, #584195, #251B31)
- Navy Market color palette (#E1F7F8, #00AF8B, #007F99, #2F4998, #292F00)
- Frosted Jade color palette (#D4F8EA, #60B965, #008D68, #005C86, #033837)
- Quiet Byzantium Orchard color palette (#ECF7FF, #0094D2, #8C3FB3, #8B2A5E, #2E1927)
- Lime Grove color palette (#FBF5E0, #B2C151, #4F82CF, #9E5A99, #2C1703)
- Teal Studio color palette (#E1FBFE, #00AF92, #00806A, #533074, #00110A)
- Wandering Aubergine Harbor color palette (#E1FDF2, #736E00, #522C89, #3D2563, #271623)
Browse the whole catalog at Explore, or see today's palette.