Worn Harbor color palette — #E7E8D9 · #21B725 · #007352 · #004243 · #002C3B
A conversation between Clover and Pine, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E7E8D9): a clean, paper-quiet neutral.
- Clover (#21B725): A luminous, vivid green — the color of new leaves after rain.
- Pine (#007352): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#004243): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002C3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Calm, Energy, Balance. Tagged vibrant, cool.
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
- Lime Meadow color palette (#E4DECB, #7EBB25, #008D59, #00575E, #002D3E)
- Aged Orchard color palette (#F8E5C6, #969B00, #287000, #004631, #002C2A)
- Misty Atelier color palette (#E1EAD8, #6BD77D, #00AC89, #008178, #002C30)
- Emerald Boulevard color palette (#FFDDC9, #3A9400, #005F60, #64004F, #00321E)
- Pale Teal Lagoon color palette (#DAF4DD, #00B397, #006F72, #004458, #002561)
- Fern Alley color palette (#F6F6E7, #CBD9B6, #96AE95, #386900, #33332C)
- Midnight Market color palette (#DAEAD4, #007652, #003430, #00151C, #00050D)
- Faded Mint Quarry color palette (#EBFDCE, #88D4A5, #459281, #0F6973, #004F6D)
Browse the whole catalog at Explore, or see today's palette.