Driftwood Loft color palette — #F5F1EB · #CEC39C · #6C8E5D · #586653 · #33312A
Fern takes the lead with Sand close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F5F1EB): bright and airy, almost weightless.
- Sand (#CEC39C): A luminous, dusty green — the color of new leaves after rain.
- Fern (#6C8E5D): A luminous, balanced green — the color of a quiet forest floor.
- Graphite (#586653): A full-bodied, dusty green — the color of new leaves after rain.
- Espresso (#33312A): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Driftwood Loft 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
- Tempered Olive Coast color palette (#F8F1E8, #BBB681, #667E4A, #694960, #2D2715)
- Timeworn Fern color palette (#F2F2EC, #BBC9AC, #3D9291, #63661C, #243800)
- Worn Taupe color palette (#EDF9EE, #D1D6A7, #89A580, #668389, #3E524A)
- Hushed Emerald color palette (#EFECDC, #639E61, #00644D, #00404D, #121400)
- Hushed Stone color palette (#FAEDFC, #E9D2D4, #E7AFA7, #7A9D87, #433842)
- Petrol Boulevard color palette (#F6F1EC, #C4E7EB, #869BCC, #257782, #432F3A)
- Gentle Pine color palette (#F8F1E0, #90B573, #00804F, #00575E, #142602)
- Amber Garden color palette (#E0F8F0, #67A4CE, #C57740, #7D7C3B, #162C25)
Browse the whole catalog at Explore, or see today's palette.