Driftwood Hollow color palette — #FAF6E2 · #A7BE87 · #698C5B · #785E37 · #36362F

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A7BE87): A luminous, dusty green — the color of new leaves after rain.
• Fern (#698C5B): A luminous, balanced green — the color of fresh herbs.
• Coffee (#785E37): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#36362F): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Driftwood Hollow 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 Emerald Atelier color palette (#F9F7DB, #9EC992, #4F995D, #5B7238, #27431E)
• Dusty Mustard Alley color palette (#F8EACC, #B6B03A, #748000, #6B5A06, #322F00)
• Tempered Alley color palette (#E5E6D6, #84B28D, #37825E, #435E3C, #0C3117)
• Garnet Workshop color palette (#F8F5E9, #86A580, #2C7158, #723540, #35362F)
• Misty Corridor color palette (#F2EFDB, #9BB453, #DA726E, #667C00, #572221)
• Tempered Terrace color palette (#E6E8C5, #71A658, #009CA5, #A3690D, #1C3211)
• Tempered Bronze color palette (#F7F5EE, #D8D2B3, #A19E75, #927B33, #5A4D00)
• Ancient Lantern color palette (#E8FAF1, #B5D5A8, #5DB48D, #A5747E, #1D3C37)

Browse the whole catalog at Explore, or see today's palette.