Weathered Harbor color palette — #F4F9DC · #209722 · #006865 · #004467 · #3D2E00
A conversation between Kelly Green and Navy, giving this palette its sense of nature and growth.
The five colors
- Custard (#F4F9DC): A whisper-light, dusty green — the color of fresh herbs.
- Kelly Green (#209722): A full-bodied, vivid green — the color of fresh herbs.
- Pine (#006865): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#004467): A deep, shadowed, balanced blue — the color of deep harbor water.
- Espresso (#3D2E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Gentle Bloom color palette (#F4F8DF, #009829, #00676A, #652E00, #353200)
- Weathered Olive color palette (#FCF6DC, #7D8500, #006B47, #004952, #4B2500)
- Misty Navy Villa color palette (#EDF5E3, #008C64, #005E6E, #13337E, #2A2F00)
- Pine Studio color palette (#E0E4CA, #137E17, #005151, #003050, #261F00)
- Antique Jade Workshop color palette (#E2F4E5, #00BB75, #008C64, #005C47, #00463D)
- Timeworn Lime color palette (#F9F8CE, #D3D605, #80C000, #00964B, #1F4013)
- Olive Ridge color palette (#FEF5DE, #A4A95E, #607225, #5A521A, #3C3E12)
- Velvet Olive Studio color palette (#EBEECB, #297D00, #023518, #191A00, #030901)
Browse the whole catalog at Explore, or see today's palette.