Hazy Cobalt color palette — #FCEFE7 · #B1DCC1 · #2A89CC · #00654B · #171D53
A conversation between Cerulean and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Cream (#FCEFE7): a clean, paper-quiet neutral.
- Pistachio (#B1DCC1): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#2A89CC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#00654B): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#171D53): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Ancient Delta color palette (#F9F0E7, #A9D6F7, #5F7DD6, #006260, #2C154F)
- Timeworn Cerulean Courtyard color palette (#FBF4EA, #B1D9C0, #008BB9, #006763, #00436F)
- Washed Station color palette (#F9EFEC, #CCE4CE, #5A97B1, #386B47, #3B213C)
- Washed Petrol Canyon color palette (#F0E7E0, #88BCD1, #366DA9, #004D40, #120A3E)
- Tempered Azure color palette (#FCF2F8, #B5E3F9, #16A3FA, #008665, #303B70)
- Washed Study color palette (#F8F0EB, #C5E8E9, #B090AD, #317971, #462D3A)
- Cerulean Canyon color palette (#F5E7E0, #3799A9, #004F75, #002D1D, #01001E)
- Washed Navy color palette (#F6EADF, #4F7EA1, #212990, #001F1F, #020007)
Browse the whole catalog at Explore, or see today's palette.