Weathered Drift color palette — #F8F5EE · #DAD2AA · #88A679 · #AC6A4D · #5A4D00
Mocha and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F5EE): bright and airy, almost weightless.
- Wheat (#DAD2AA): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#88A679): A luminous, dusty green — the color of fresh herbs.
- Mocha (#AC6A4D): A full-bodied, balanced orange — the color of toasted spice.
- Deep Olive (#5A4D00): A full-bodied, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered Drift 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
- Dusty Fern color palette (#FAF4EC, #C7C29C, #628C72, #755F65, #574E00)
- Worn Dune color palette (#FFF3E5, #E5C788, #AC9C30, #757E45, #515049)
- Stone Balcony color palette (#EEF8F2, #BCDEF0, #87BBAB, #967E87, #344C43)
- Washed Pier color palette (#EEDFCA, #A1942D, #586900, #5A4000, #1F1B00)
- Weathered Lilac Pier color palette (#F8F5EA, #C9C987, #A9A6FA, #91904D, #5F4354)
- Wandering Alley color palette (#F8F6E5, #9EC992, #00A061, #8E5A3E, #27431F)
- Antique Veranda color palette (#F9F5E5, #D1E5D0, #96E0EA, #B5A879, #555100)
- Dusty Pine color palette (#E6E6D6, #77B684, #008665, #754A24, #272C08)
Browse the whole catalog at Explore, or see today's palette.