Weathered Harbor color palette — #F9F5E7 · #A0AF7C · #518650 · #246371 · #4E4A00
A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5E7): a clean, paper-quiet neutral.
- Sage (#A0AF7C): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#518650): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#246371): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Olive (#4E4A00): A full-bodied, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.
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
- Timeworn Archive color palette (#FCF4E5, #BDA563, #787D31, #04685F, #4A4740)
- Lagoon Basin color palette (#F7F7E4, #70B99E, #088984, #405986, #424B3C)
- Ancient Chartreuse Meadow color palette (#F7F6E6, #F8F0A8, #B7DA7E, #70A176, #4D4D45)
- Muted Mustard Grove color palette (#FFF1F6, #CEBF74, #67A17E, #7A648C, #364D46)
- Driftwood Ridge color palette (#F6F7DF, #BBC4A8, #88977D, #667B72, #594D59)
- Patina Parlor color palette (#FFEFDF, #B9AC68, #568568, #6D4452, #2F2D1D)
- Chestnut Pier color palette (#F8F5EE, #CBC0A2, #808653, #806017, #5F4A00)
- Aged Canyon color palette (#F2F0D9, #009E6D, #006960, #184072, #273618)
Browse the whole catalog at Explore, or see today's palette.