Worn Harbor color palette — #F2F8E8 · #318558 · #00618F · #6F285B · #362C0E
Built around Mulberry, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F8E8): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#318558): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#00618F): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#6F285B): A deep, shadowed, balanced pink — the color of peonies in June.
- Espresso (#362C0E): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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
- Faded Aubergine color palette (#F8F6E6, #7A8936, #00696F, #612977, #39290E)
- Aged Summit color palette (#EFF8EC, #168777, #4D57AA, #801825, #2D2D13)
- Timeworn Meadow color palette (#FFF2EA, #80A466, #007A76, #7C2E4D, #3C3E37)
- Ultramarine Balcony color palette (#E4F5FC, #00959F, #5252B0, #5C3168, #1B101E)
- Faded Terrace color palette (#DEFEF0, #007294, #3340BE, #6B000A, #012A04)
- Aged Navy Terrace color palette (#E5F6E2, #006C66, #004482, #56002B, #0D1800)
- Worn Lagoon color palette (#EAF4BF, #93BE8D, #258C6F, #005F60, #004454)
- Tempered Aubergine color palette (#FEF0FE, #2D62AC, #61368B, #522800, #152303)
Browse the whole catalog at Explore, or see today's palette.