Weathered Harbor color palette — #FAF4EB · #C0B89A · #8E7F56 · #815117 · #4D4B00
A conversation between Coffee and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Stone (#C0B89A): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#8E7F56): A full-bodied, dusty green — the color of fresh herbs.
- Coffee (#815117): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#4D4B00): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Washed Bronze color palette (#FAF4EB, #D6CAAB, #AA9A6C, #946C2C, #574600)
- Driftwood Summit color palette (#E7F6EC, #A0C6B0, #918253, #446049, #1F3029)
- Powdered Garnet Lantern color palette (#FFEADD, #BF9369, #9E5030, #821F2F, #443204)
- Bronze Terrace color palette (#ECDFD0, #847636, #5E3E00, #431A00, #141900)
- Timeworn Coast color palette (#E9FAEE, #B7E6D1, #C6B488, #A98794, #374D48)
- Soft Garnet color palette (#F0E3DA, #A28153, #7F4416, #6C0206, #2F2200)
- Misty Moss Workshop color palette (#EADEB7, #789A52, #615F00, #4F3700, #003315)
- Timeworn Villa color palette (#EDF8F4, #6597B5, #A06C8A, #7E5626, #2E423B)
Browse the whole catalog at Explore, or see today's palette.