Weathered Harbor color palette — #FFF2EE · #BDEDF2 · #28B7DC · #447E45 · #00372E
Cyan takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Frost (#BDEDF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#28B7DC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#447E45): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#00372E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Tempered Market color palette (#FCF3EF, #BDE9F5, #5CB0E4, #1E825B, #3E243A)
- Muted Aqua Delta color palette (#EEF8F0, #AAEFEC, #58C3D2, #529C80, #193F52)
- Gentle Azure color palette (#FFF2EA, #BAF0FF, #0798F0, #006C54, #141844)
- Tempered Forest color palette (#FBF2F8, #9BCFDC, #338496, #006439, #143F56)
- Wandering Denim color palette (#F1E4DF, #6EAFAF, #005E77, #002E0D, #000104)
- Hushed Mallow color palette (#F9F4EF, #C6DDEB, #D0BBF1, #639E9E, #5F454F)
- Cerulean Parlor color palette (#FFF2ED, #87DCE2, #0086B1, #00552C, #000B25)
- Quiet Sapphire Parlor color palette (#F9EBE2, #6AC4E5, #0067BD, #003F34, #020013)
Browse the whole catalog at Explore, or see today's palette.