Hazy Cerulean color palette — #F7EAF3 · #82D5D5 · #0096B2 · #007047 · #04314A
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Ice Blue (#82D5D5): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#0096B2): A luminous, balanced blue — the color of deep harbor water.
- Pine (#007047): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#04314A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy Cerulean 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
- Cobalt Station color palette (#F7EBF0, #9ACBED, #5986CE, #006B71, #28294F)
- Cobalt Basin color palette (#FAE8F4, #4BC2E0, #007DB6, #005A50, #081D43)
- Softworn Cerulean color palette (#FCF4E7, #CDF1CE, #18A3B8, #006C55, #00222E)
- Azure Hollow color palette (#FFF0F9, #A5E6FF, #54A2E3, #00837C, #2D3D69)
- Emerald Basin color palette (#F6ECE9, #A4E0DF, #0CB5E0, #2E9544, #002E59)
- Powder Grove color palette (#FAF2F8, #D4D6EA, #7CBCD3, #5E9093, #455463)
- Cerulean Courtyard color palette (#F3E6EF, #32A2B7, #006085, #003D32, #00081C)
- Airy Thicket color palette (#F4E3F8, #DB52F7, #007D54, #407900, #2D1333)
Browse the whole catalog at Explore, or see today's palette.