Cerulean Harbor color palette — #CAE7D9 · #0099C6 · #405379 · #20352B · #020602

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#CAE7D9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0099C6): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#405379): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#20352B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#020602): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Lagoon Field color palette (#E4F3DD, #00A28E, #255C69, #293324, #040501)
• Azure Archive color palette (#D0E9E0, #00A5EF, #73576B, #2C423A, #090F0A)
• Cobalt Terrace color palette (#CBF6EB, #007CD4, #3F3A6C, #00231D, #000201)
• Washed Pier color palette (#EDDEEC, #3B86FF, #574B78, #392939, #010603)
• Velvet Cerulean color palette (#D2E9F9, #0082A7, #1C2143, #120F15, #000409)
• Denim Hollow color palette (#D1E1EC, #005D7C, #2B262C, #001939, #00060D)
• Tempered Lilac Loft color palette (#FFECF4, #BBA7FF, #8C7477, #5C5156, #242024)
• Hushed Turquoise color palette (#FDEAE1, #7EE7EB, #00B6DE, #3E906D, #03314E)

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