Weathered Harbor color palette — #FFEDF2 · #CCB170 · #82861D · #576B32 · #345754
A conversation between Olive Leaf and Sand, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFEDF2): A whisper-light, dusty rose — the color of strawberry cream.
- Sand (#CCB170): A luminous, balanced gold — the color of honey in a jar.
- Olive Leaf (#82861D): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#576B32): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#345754): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance. Tagged 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
- Weathered Amber color palette (#FFF0F9, #E4AB81, #B37D2B, #726021, #305244)
- Aged Cabin color palette (#F9E8C5, #C7B65C, #8C8B3E, #575D2B, #35352E)
- Emerald Villa color palette (#DEFEEC, #B6C482, #56984F, #347455, #2E555B)
- Muted Lilac color palette (#EBF9F2, #B7B373, #B185C3, #797533, #4C4966)
- Pale Moss color palette (#EAEDD3, #82AB4E, #007C46, #005A44, #003F4D)
- Glacier Meadow color palette (#EBF9F3, #C7DBF3, #93DEDE, #A1845C, #3D544E)
- Tempered Lagoon color palette (#FCF2F8, #D3ABBA, #A47360, #6E536E, #3F4C41)
- Iris Veranda color palette (#E4FCF1, #999E53, #857FC6, #8C6790, #34473F)
Browse the whole catalog at Explore, or see today's palette.