Driftwood Workshop color palette — #EAF5EF · #97C7B9 · #898556 · #485F49 · #1E302E
A conversation between Mocha and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#EAF5EF): a clean, paper-quiet neutral.
- Mint Leaf (#97C7B9): A luminous, dusty teal — the color of sea glass.
- Mocha (#898556): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#485F49): A full-bodied, dusty green — the color of new leaves after rain.
- Deep Forest (#1E302E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Driftwood Workshop 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
- Hushed Driftwood Terrace color palette (#FDEDF2, #A7C4AE, #9C7C5B, #6C4D61, #1F3029)
- Stone Terrace color palette (#E8FAF1, #98C3B2, #648A78, #466653, #384D46)
- Bronze Thicket color palette (#E8F6ED, #A4B283, #817638, #644518, #072925)
- Hushed Teal color palette (#E6F5F7, #3FA994, #B06F5F, #576530, #152628)
- Bronze Corridor color palette (#FCF5E2, #D0CDA4, #A99A74, #956B2D, #464D00)
- Patina Olive color palette (#DEF6E4, #75762A, #544100, #361B00, #020700)
- Weathered Chestnut color palette (#FCDFE8, #99844C, #794800, #551C04, #00130B)
- Weathered Iris Corridor color palette (#ECF3F7, #82D0EB, #9271B7, #1A7D99, #141421)
Browse the whole catalog at Explore, or see today's palette.