Weathered Harbor color palette — #FFF4E2 · #8F9300 · #007439 · #3D338F · #2D3B15
Indigo and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Olive Leaf (#8F9300): A luminous, balanced green — the color of fresh herbs.
- Pine (#007439): A full-bodied, balanced teal — the color of sea glass.
- Indigo (#3D338F): A deep, shadowed, balanced violet — the color of a velvet chair.
- Forest (#2D3B15): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, 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
- Hushed Veranda color palette (#FBECD6, #63973C, #006A56, #4F2975, #30312A)
- Frosted Amber color palette (#FFF4E2, #B58100, #586900, #00477D, #403505)
- Dusty Cabin color palette (#FFF0F9, #C4A600, #009376, #6F448E, #2D3B0A)
- Timeworn Dune color palette (#F9F6E1, #758800, #00666D, #3F2491, #5B0B23)
- Olive Balcony color palette (#FEF4E2, #AAA754, #587500, #654D07, #3D3A34)
- Pine Bloom color palette (#E5DDD1, #007C1F, #004741, #3A004D, #001C0F)
- Timeworn Meadow color palette (#F4EEC6, #87B48F, #389088, #5C4C77, #61303E)
- Ancient Garnet Thicket color palette (#F8E2B6, #00917D, #005C6F, #670045, #00302F)
Browse the whole catalog at Explore, or see today's palette.