Cerulean Harbor color palette — #D6E3D8 · #3297B5 · #004F73 · #002B2C · #00040F

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

The five colors

• Bone (#D6E3D8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3297B5): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#004F73): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#002B2C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00040F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Lagoon Station color palette (#D9E3DA, #2C8888, #00444D, #002017, #000203)
• Frosted Garden color palette (#FBE9DF, #059FC3, #004B85, #003127, #0F053F)
• Muted Turquoise Chapel color palette (#F1E5D3, #37B1D5, #006E9D, #004A4B, #00142C)
• Timeworn Cobalt color palette (#EBF5ED, #AACDE3, #3182BB, #005A61, #0C203D)
• Timeworn Turquoise color palette (#D7EFF1, #00B8BE, #0089B6, #004318, #00090C)
• Timeworn Petrol color palette (#F8E9F2, #76C3DB, #006AB3, #003F32, #020013)
• Patina Cerulean color palette (#EEF4EF, #B7E6F1, #299FAA, #2A6C53, #073042)
• Mulberry Boulevard color palette (#C7F2F4, #006C4E, #83005C, #003323, #090004)

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