Hazy Cobalt color palette — #EFF4E5 · #ABDCCC · #3186D7 · #005D7C · #002156
A conversation between Azure and Midnight, giving this palette its sense of trust and stability.
The five colors
- Cream (#EFF4E5): A whisper-light, dusty green — the color of new leaves after rain.
- Oat (#ABDCCC): A whisper-light, dusty teal — the color of glacier melt.
- Azure (#3186D7): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#005D7C): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002156): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Weathered Ridge color palette (#F1F3E5, #9FDBE9, #0091B3, #006166, #00293A)
- Wandering Denim color palette (#E2E6D7, #5891B6, #004C7F, #002A37, #000410)
- Chalky Cobalt Station color palette (#EFF4E7, #91C0F0, #2F70C9, #004C6D, #030C51)
- Worn Harbor color palette (#FFF1F6, #A7D4F7, #4F7BD8, #00656E, #3C3477)
- Faded Balcony color palette (#E7FAF9, #BDDFFD, #4BA0F1, #007DA2, #213F6C)
- Tempered Loft color palette (#EAEADE, #84C0BE, #007A81, #004C42, #001A1E)
- Wandering Mulberry Station color palette (#FFEDEB, #EA6197, #447CED, #A6005A, #00165B)
- Worn Meadow color palette (#F2F2EB, #C4E3DB, #81A78B, #5A7354, #253C2E)
Browse the whole catalog at Explore, or see today's palette.