Weathered Harbor color palette — #F9F5E8 · #8B8E45 · #067647 · #005358 · #0E3A5F
Built around Pine, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F5E8): bright and airy, almost weightless.
- Moss (#8B8E45): A luminous, balanced green — the color of new leaves after rain.
- Pine (#067647): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005358): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#0E3A5F): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Weathered Driftwood Terrace color palette (#FBF5DA, #BEBDA8, #7C8842, #446850, #1C5052)
- Patina Olive Balcony color palette (#FEF3E6, #AD7F39, #556E18, #005546, #5A2520)
- Hazy Drift color palette (#E6ECD1, #008536, #00575A, #00345E, #31005B)
- Antique Villa color palette (#F3F7E9, #5B9873, #00707C, #1A4685, #422D54)
- Pale Aubergine Meadow color palette (#D8E7D1, #007A69, #004D68, #290083, #390035)
- Olive Delta color palette (#F8E3BA, #B5A663, #898000, #5B5D00, #1F4F2E)
- Chalky Amber Villa color palette (#FFEEE5, #D06E4A, #007662, #443177, #20163C)
- Ancient Nightshade Loft color palette (#F1F9E7, #009469, #006575, #0024AE, #480F5E)
Browse the whole catalog at Explore, or see today's palette.