Weathered Harbor color palette — #FFF5D5 · #7B9A00 · #05751A · #004E5D · #2A3C18
A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5D5): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#7B9A00): A luminous, balanced green — the color of new leaves after rain.
- Olive (#05751A): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#004E5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Forest (#2A3C18): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Muted Emerald Corridor color palette (#F3EFD9, #4B9B42, #006B4B, #004663, #30312A)
- Dusty Lagoon color palette (#FFF4DD, #A98800, #616600, #00514A, #3E3603)
- Weathered Teal Drift color palette (#F7F6E5, #52AB89, #007A73, #314E7A, #36412D)
- Muted Balcony color palette (#F4F1D5, #007A43, #00483C, #002644, #001C10)
- Wandering Station color palette (#F9F7DD, #D5CA00, #8EB900, #009A40, #213E0A)
- Moss Bloom color palette (#FFEFDF, #A49200, #007447, #512570, #211C00)
- Faded Mustard Drift color palette (#FFF3E7, #BDA900, #179D66, #68398F, #2F3B0F)
- Dusty Aubergine color palette (#CEF0C3, #009087, #005D69, #32009C, #003030)
Browse the whole catalog at Explore, or see today's palette.