Weathered Harbor color palette — #EEF8F0 · #C9E5E2 · #9AC9DC · #008F99 · #172A1B

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

The five colors

• Ivory (#EEF8F0): a clean, paper-quiet neutral.
• Silver (#C9E5E2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#9AC9DC): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#008F99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#172A1B): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cobalt Canyon color palette (#E6FBF2, #FCD8E3, #C4E3E7, #0088BD, #152922)
• Worn Emerald Dune color palette (#F3F7EA, #B6E3DF, #BBC2CE, #009657, #222713)
• Cobalt Cabin color palette (#EBF9F5, #EAD4D0, #D4B3AA, #4A7AA7, #11221E)
• Aged Cypress color palette (#E9F4F7, #C4D7E2, #8CB0CE, #00686C, #041E25)
• Azure Field color palette (#E6F9FF, #C9E2F1, #C0BFF6, #019DEA, #001C26)
• Washed Cypress Thicket color palette (#EFF8EE, #C5D8CF, #BE99B7, #006866, #223A21)
• Abyss Studio color palette (#DCEAE2, #A5C3B7, #7A9A91, #004356, #000201)
• Powdered Studio color palette (#DFFFE1, #00BEDB, #007CAE, #5C2584, #001C25)

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