Driftwood Field color palette — #FFF1F7 · #A1C2A4 · #9E775A · #6F5368 · #3B4D43
Mocha takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Sage (#A1C2A4): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#9E775A): A luminous, dusty gold — the color of afternoon light on wheat.
- Graphite (#6F5368): A full-bodied, dusty pink — the color of a candy shop window.
- Charcoal (#3B4D43): A full-bodied, dusty teal — the color of shallow lagoons.
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
- Dusty Driftwood Drift color palette (#FFF0F9, #D7A9BB, #A17465, #6B556D, #3F4B41)
- Dusty Stone color palette (#E9FAF1, #ADC095, #868356, #4D644F, #354D4B)
- Softworn Grove color palette (#FBEDF3, #A8C3AD, #987887, #684E66, #1A3229)
- Patina Bronze color palette (#FFF3E9, #D9C8AE, #B4947A, #A36048, #554700)
- Apricot Coast color palette (#FBF2F8, #FAA98F, #76844E, #985B47, #21322C)
- Faded Moss color palette (#DDF7DF, #B09E18, #8A6000, #70380D, #0F3E33)
- Washed Coral Grove color palette (#FFF0FC, #D17163, #4E85AD, #46627C, #463843)
- Moss Orchard color palette (#DEF5E4, #8A8E25, #695200, #512D00, #002B25)
Browse the whole catalog at Explore, or see today's palette.