Cerulean Harbor color palette — #ECD9E8 · #349AA3 · #00506E · #002E17 · #000315

Cerulean takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#ECD9E8): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#349AA3): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00506E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#002E17): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000315): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Ancient Abyss Summit color palette (#DAE8E6, #589CA3, #005360, #00302E, #00171F)
• Navy Market color palette (#EDDDE3, #4D93B9, #123EA3, #002C29, #060017)
• Petrol Basin color palette (#F6E6DF, #53B2BD, #007092, #004C39, #00152A)
• Nocturne Pine Grove color palette (#D5F3E3, #00825D, #004525, #00160E, #000201)
• Hushed Corridor color palette (#DCE9D7, #00B3A7, #397DB9, #4A3F00, #000808)
• Antique Cobalt Courtyard color palette (#F9EEF6, #90D4E1, #3B83B1, #005E40, #131E3E)
• Timeworn Aubergine Atelier color palette (#D0E9D9, #006D41, #730088, #00331C, #07000A)
• Hushed Cypress Grove color palette (#F8EFF3, #D7D1E6, #849FBF, #40747C, #303547)

Browse the whole catalog at Explore, or see today's palette.