Hazy Cobalt color palette — #FEF3EA · #8ED9FF · #4C7ED0 · #00675E · #3E3963
A conversation between Azure and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF3EA): a clean, paper-quiet neutral.
- Ice Blue (#8ED9FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#4C7ED0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00675E): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#3E3963): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy Cobalt 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
- Hushed Cerulean Field color palette (#FCF3EF, #ABE8F6, #4F91C1, #376F59, #583E52)
- Muted Cerulean color palette (#FFF2EE, #8AD4D2, #1385A2, #2F6033, #1E3D5B)
- Washed Cobalt color palette (#E1F7F5, #AED5F1, #348AC2, #005F73, #002646)
- Frosted Lagoon color palette (#FFF3E8, #5EC3FC, #2E5FE7, #005652, #36275E)
- Dusty Basin color palette (#F3F7E9, #B1E3FF, #22A5F1, #007F99, #16426A)
- Timeworn Alley color palette (#FFF0F9, #FFD0DB, #F99E84, #1776A4, #543A5C)
- Chalky Powder color palette (#FFF0F8, #CBE9FF, #81BAFF, #00A5A7, #333970)
- Orchid Canyon color palette (#EEE7FF, #A969FF, #4E6C00, #005D36, #462333)
Browse the whole catalog at Explore, or see today's palette.