Cerulean Harbor color palette — #ECE4D6 · #2096C2 · #004D7B · #002B2F · #000313

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Parchment (#ECE4D6): A whisper-light, dusty gold — the color of old brass.
• Cerulean (#2096C2): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#004D7B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002B2F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000313): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: 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

• Muted Villa color palette (#F1E3E9, #5C98B2, #004B83, #00302E, #070445)
• Lagoon Veranda color palette (#F2E6D4, #008991, #004351, #00201A, #000103)
• Wandering Petrol Delta color palette (#DEF0EE, #63ACCD, #006E9E, #004855, #001528)
• Cerulean Studio color palette (#F7F1E7, #7CE1F6, #008FBA, #00635D, #002741)
• Cobalt Grove color palette (#D3F3EC, #00B1B9, #0087BC, #004826, #000707)
• Hushed Sapphire color palette (#FDEADC, #63C4EC, #1A65BF, #003F36, #020012)
• Powdered Market color palette (#F9F1E3, #79C4F8, #0C6FD4, #004F5E, #0A1147)
• Hushed Atelier color palette (#D6EDE5, #006B56, #83005A, #003227, #090004)

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