Hazy Sapphire color palette — #EFF6FF · #0067D4 · #246400 · #00483E · #002A3E
A conversation between Royal Blue and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Royal Blue (#0067D4): A full-bodied, vivid blue — the color of open sky before noon.
- Olive (#246400): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00483E): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002A3E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged jewel, vibrant, cool.
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
- Petrol Drift color palette (#ECF7FF, #007FA4, #5A5500, #00481E, #002A34)
- Linen Nightshade Courtyard color palette (#E7EEFF, #4443B2, #004528, #003235, #00172A)
- Byzantium Harbor color palette (#F3F4FF, #9048D6, #00665C, #004151, #1B2346)
- Tempered Olive color palette (#EAF9F5, #6B8B50, #007887, #2C557C, #2F3141)
- Gentle Fern color palette (#D4FFF1, #4F6400, #00484A, #00304A, #170939)
- Dusty Magenta color palette (#FFF1F2, #E32CD9, #008A65, #006454, #00271F)
- Muted Magenta Harbor color palette (#F4EFFF, #BE2AB8, #006948, #004740, #000E1B)
- Antique Brick Field color palette (#FFF0FC, #BD1F00, #535000, #00491F, #002A33)
Browse the whole catalog at Explore, or see today's palette.