Weathered Harbor color palette — #FFD8C4 · #B9964F · #5B7000 · #005028 · #003531
Olive and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Peach Cream (#FFD8C4): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#B9964F): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#5B7000): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#005028): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Forest (#003531): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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 Bronze Terrace color palette (#FFD3D7, #D38B64, #806400, #354A00, #003721)
- Pine Villa color palette (#FFDEA2, #9C9E52, #007D46, #005149, #003847)
- Wandering Aubergine Bloom color palette (#FFE6F7, #B27735, #33692F, #611472, #133924)
- Muted Atelier color palette (#F5DEA6, #BEBC50, #708D00, #086A15, #003823)
- Muted Station color palette (#F9E1D5, #E2BE49, #91A541, #208C61, #003536)
- Olive Summit color palette (#FFEBD2, #6A7D00, #004826, #002421, #001016)
- Chestnut Harbor color palette (#F1F7F2, #D1DBDD, #9CBABB, #7C5F00, #333D36)
- Mustard Terrace color palette (#E2FCF1, #FEA983, #B4A800, #009089, #20330D)
Browse the whole catalog at Explore, or see today's palette.