Weathered Harbor color palette — #DFF8F1 · #79914B · #A35D68 · #7B3F25 · #031F19
A conversation between Moss and Mocha, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DFF8F1): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#79914B): A luminous, balanced green — the color of a quiet forest floor.
- Mocha (#A35D68): A full-bodied, balanced red — the color of late-summer berries.
- Bronze (#7B3F25): A full-bodied, balanced orange — the color of autumn markets.
- Ink (#031F19): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication. 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
- Moss Delta color palette (#E4F7EE, #8B8B34, #2B8481, #7A3E37, #091F16)
- Softworn Harbor color palette (#E8F6ED, #98842C, #814177, #662B32, #240D17)
- Garnet Garden color palette (#F4F7E7, #5B9062, #636AAC, #863243, #32342D)
- Timeworn Lagoon Terrace color palette (#E1F7F8, #009E79, #4C79A4, #654E14, #001F21)
- Plum Thicket color palette (#FFF3E5, #C0965D, #A87CB6, #9E5177, #37322C)
- Mint Pier color palette (#E0FCF9, #73C986, #B68DBF, #8A6093, #052B29)
- Wandering Chestnut color palette (#CEE5EC, #007375, #714D00, #353A00, #000A0E)
- Indigo Ridge color palette (#E0F6FF, #008C98, #635ABD, #405100, #00181B)
Browse the whole catalog at Explore, or see today's palette.