Worn Harbor color palette — #F4F7EC · #93A17B · #1F725C · #045753 · #2C3C00
Pine takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F4F7EC): bright and airy, almost weightless.
- Moss (#93A17B): A luminous, dusty green — the color of fresh herbs.
- Pine (#1F725C): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#045753): A full-bodied, dusty teal — the color of sea glass.
- Forest (#2C3C00): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Forest Grove color palette (#EEEDD4, #6DA261, #006D2F, #004C54, #0F3805)
- Hushed Workshop color palette (#F1F9E5, #75B19F, #007A6E, #005780, #004637)
- Worn Basalt Grove color palette (#FAF5E7, #B8B088, #677C49, #25665D, #4D4200)
- Dusty Market color palette (#E8F0DC, #2A8C73, #005047, #003638, #002118)
- Garnet Thicket color palette (#ECE4D5, #948E54, #555A00, #6C1C30, #342701)
- Worn Seafoam color palette (#DFFCF9, #8ADFB1, #5BB496, #598D98, #123D3D)
- Tempered Cerulean Field color palette (#F4F7EB, #ABCFBB, #1783AA, #005E68, #003F5D)
- Spruce Pier color palette (#EFECD8, #5A7638, #144300, #002828, #091300)
Browse the whole catalog at Explore, or see today's palette.