Weathered Coast color palette — #F7F1E6 · #C2BD98 · #8F8257 · #7C4B13 · #2B2E20
Coffee and Mocha set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F1E6): bright and airy, almost weightless.
- Sand (#C2BD98): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#8F8257): A luminous, dusty green — the color of a quiet forest floor.
- Coffee (#7C4B13): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#2B2E20): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Weathered Coast 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
- Timeworn Bronze Basin color palette (#FBF4E7, #C3B892, #9A7B37, #7D5410, #504900)
- Taupe Bloom color palette (#F8F1E2, #A59550, #8F76AA, #7E5425, #282215)
- Chestnut Archive color palette (#F0DDCA, #A8985F, #8C5713, #612C23, #1C1800)
- Washed Stone color palette (#ECF9F0, #B9EAEB, #BCAE7C, #648466, #31443E)
- Forest Study color palette (#F1F3EA, #E0BBA0, #3C6E49, #30322B, #13150A)
- Wandering Olive color palette (#F2F2EC, #B7CCA0, #5E83C0, #5F7D36, #1A131A)
- Weathered Olive Balcony color palette (#F6E8D6, #79751D, #5B3D00, #3E1300, #020700)
- Softworn Oat Orchard color palette (#EAFAEF, #A4D7C6, #83A58E, #8B6978, #3A4C4A)
Browse the whole catalog at Explore, or see today's palette.