Driftwood Field color palette — #F8F1E4 · #C2BC9E · #91824A · #6E5232 · #2C2D1F
A conversation between Mocha and Coffee, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F1E4): a clean, paper-quiet neutral.
- Stone (#C2BC9E): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#91824A): A luminous, dusty green — the color of new leaves after rain.
- Coffee (#6E5232): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Onyx (#2C2D1F): 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 Driftwood Field 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
- Wandering Bronze color palette (#FBF5E6, #BCBB8E, #997C36, #79570B, #554700)
- Wandering Stone Pier color palette (#EDF8F1, #BAEAE9, #BCAF73, #64836C, #33433D)
- Hushed Bronze Chapel color palette (#F0DDC4, #7C7330, #593E00, #391800, #070500)
- Feathered Chestnut Meadow color palette (#F9DEC8, #A38042, #804300, #5A150A, #140D00)
- Wandering Driftwood color palette (#ECF5E7, #57A594, #B76871, #695E2C, #1D2618)
- Faded Coast color palette (#FFE3D0, #CD924E, #AC4900, #762026, #271900)
- Ancient Market color palette (#ECF4F0, #EAB5A1, #2B6A7F, #1D372B, #0D1612)
- Pewter Hollow color palette (#F6EFF7, #5A87B6, #96567B, #574502, #0E1E16)
Browse the whole catalog at Explore, or see today's palette.