Worn Harbor color palette — #D7E7E6 · #3C9BC1 · #004F73 · #002E38 · #001528

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

The five colors

• Frost (#D7E7E6): a clean, paper-quiet neutral.
• Cerulean (#3C9BC1): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#004F73): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#002E38): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001528): 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 Worn 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

• Washed Terrace color palette (#D4E6E3, #478D92, #00454E, #002320, #000B10)
• Hazy Thicket color palette (#D5E7E6, #7CA3C6, #0056A5, #003A51, #091D44)
• Cobalt Loft color palette (#ECF8F7, #AAC9E1, #347EB3, #005C72, #1E3C5C)
• Cobalt Quarry color palette (#FAE8F1, #73BBD9, #3E84D8, #006E5F, #130043)
• Cerulean Drift color palette (#EFF7F5, #BCE4F0, #239BA6, #007266, #274D5D)
• Chestnut Lantern color palette (#F9DCE7, #8A4E00, #005B37, #432300, #001409)
• Soft Bronze Drift color palette (#FFDCE7, #C8A05A, #8C7700, #622E00, #1F1100)
• Faded Garnet color palette (#F4E3D0, #6B4200, #1F4D00, #5E0028, #0E0500)

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