Weathered Harbor color palette — #F9F5EA · #E2D9BB · #BEB88B · #A38F6A · #534800
A conversation between Deep Olive and Sand, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5EA): a clean, paper-quiet neutral.
- Wheat (#E2D9BB): A whisper-light, dusty green — the color of a quiet forest floor.
- Sand (#BEB88B): A luminous, dusty green — the color of fresh herbs.
- Caramel (#A38F6A): A luminous, dusty gold — the color of old brass.
- Deep Olive (#534800): A full-bodied, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, light, 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
- Worn Station color palette (#F4F7ED, #A0D0AF, #DEA896, #B9925E, #374300)
- Worn Bronze color palette (#E7DDCE, #B09E61, #9D7600, #7A5100, #1A1600)
- Timeworn Coast color palette (#F6E5D0, #D5BE9C, #BC9663, #A56B2B, #33302A)
- Softworn Parlor color palette (#EBF9F0, #B8E9EE, #BAAF7B, #6A8169, #2F4441)
- Stone Terrace color palette (#E3F8EC, #98C7B3, #678D78, #44604D, #20302A)
- Hushed Orchard color palette (#F0F7F2, #DFE1BE, #68ABB5, #377881, #232F26)
- Softworn Amber Hollow color palette (#F6D7C1, #F4A263, #E86B00, #C03F00, #3D2100)
- Garnet Lantern color palette (#F5E4DA, #AD704C, #98431D, #781000, #080200)
Browse the whole catalog at Explore, or see today's palette.