Cerulean Harbor color palette — #E4F1E7 · #388CA4 · #00425E · #002222 · #000919

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E4F1E7): a clean, paper-quiet neutral.
• Cerulean (#388CA4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00425E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#002222): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000919): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Antique Denim Meadow color palette (#D9E8DB, #4F9AB7, #004E78, #002F32, #001330)
• Weathered Navy Market color palette (#E4F1E6, #5485B2, #07308F, #00212B, #06002B)
• Ancient Parlor color palette (#F1E9DB, #71AABD, #007EAF, #005D5D, #000919)
• Weathered Loft color palette (#E6F2E8, #89B7DB, #3468AE, #004D5D, #202956)
• Worn Cerulean Garden color palette (#EFF8F1, #A3CDD8, #008896, #006249, #153F54)
• Tempered Cocoa color palette (#FFE7F5, #873300, #004655, #3B1200, #00070B)
• Ancient Bronze color palette (#FFE8D8, #985500, #412000, #1B241D, #120500)
• Worn Hollow color palette (#F7E5DD, #B78D54, #7C792E, #5E040C, #1C0B00)

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