Cerulean Harbor color palette — #E9DAE8 · #71BFC6 · #008FC0 · #007140 · #001036
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Silver (#E9DAE8): A whisper-light, dusty pink — the color of neon signs at night.
- Cyan (#71BFC6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#008FC0): A luminous, balanced blue — the color of deep harbor water.
- Pine (#007140): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#001036): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Cerulean Harbor 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
- Chalky Parlor color palette (#EDDAE4, #82B9D3, #3780E9, #006E62, #14053B)
- Petrol Hollow color palette (#F2EADD, #59B1B8, #007288, #004B3F, #001622)
- Turquoise Cabin color palette (#CEE8F3, #00B2CE, #0084A6, #005162, #000304)
- Powdered Emerald Villa color palette (#F5EAF5, #9BE2E2, #3CB3DB, #429253, #002E5A)
- Hazy Field color palette (#D2F9F9, #00A1A3, #D8471A, #007172, #230400)
- Patina Grove color palette (#EADCD7, #4B989C, #00516B, #002E14, #000412)
- Muted Emerald color palette (#CCF6FC, #80C5F8, #BE93DF, #12955E, #00212B)
- Airy Bloom color palette (#C4E5ED, #008CA4, #CC3624, #874B00, #00090D)
Browse the whole catalog at Explore, or see today's palette.