Driftwood Alley color palette — #F6F1E8 · #CCC2AA · #958239 · #7C5B11 · #33312A

Coffee and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F1E8): a clean, paper-quiet neutral.
• Stone (#CCC2AA): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#958239): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#7C5B11): A full-bodied, balanced gold — the color of old brass.
• Espresso (#33312A): quiet, heavy and certain.

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

Use it as a design system

One click turns Driftwood Alley 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

• Driftwood Thicket color palette (#F0F8EF, #A4CCB6, #748A57, #5A6B59, #425149)
• Aged Fern color palette (#F0F4E8, #ABB99B, #458274, #4C5D17, #202C10)
• Aged Bronze color palette (#FAF4ED, #C7DFCC, #A2B68C, #A97C41, #574300)
• Velvet Basin color palette (#E8E0C7, #656E2A, #2B3D00, #012603, #020300)
• Hushed Bronze color palette (#EDF6E2, #69AC8E, #4198BF, #8A7816, #232B17)
• Antique Pine color palette (#EEF5E6, #8CC1A7, #C09267, #03865D, #462A0B)
• Muted Forest color palette (#EBEADC, #7C976E, #146620, #304000, #071700)
• Hushed Lagoon Atelier color palette (#E8F8E0, #BBD4AE, #469581, #005748, #00241E)

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