Weathered Harbor color palette — #EEF7F7 · #DBDCE7 · #78A9E6 · #0078A4 · #1D2D4E

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

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Silver (#DBDCE7): bright and airy, almost weightless.
• Cornflower (#78A9E6): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0078A4): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#1D2D4E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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

• Patina Cypress color palette (#EBF8F6, #D4DEEB, #5CB5C6, #007F7B, #003441)
• Worn Petrol Grove color palette (#E1F2F0, #88C1D3, #007194, #003D43, #000306)
• Weathered Periwinkle color palette (#FFF1F5, #C8E4FF, #90AEFF, #009DB0, #323857)
• Timeworn Azure color palette (#EFF6FF, #DDD8E2, #C7BDB6, #6392CB, #253148)
• Pale Azure Coast color palette (#EAF8FF, #81CFFF, #279BF1, #00569E, #0E2F5D)
• Tempered Thicket color palette (#EEF6FF, #6FABE6, #B679D0, #009284, #001C36)
• Hushed Cobalt color palette (#F3F7ED, #9FCAF3, #4F7AB2, #005A7E, #4A3047)
• Wandering Corridor color palette (#EEF6FF, #88C5FF, #55BF73, #007ACB, #003212)

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