Driftwood Alley color palette — #F4F2EA · #CAC4AA · #8E853C · #775E0F · #33312A

Moss and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F2EA): a clean, paper-quiet neutral.
• Pistachio (#CAC4AA): A luminous, dusty green — the color of new leaves after rain.
• Moss (#8E853C): A luminous, balanced green — the color of new leaves after rain.
• Olive (#775E0F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• 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

• Fern Workshop color palette (#F5F2E8, #BBB48E, #687E49, #545B0E, #2D2708)
• Washed Driftwood Hollow color palette (#F1F7F2, #A3CBBB, #6B8C62, #586C5B, #3D534A)
• Washed Bronze color palette (#F9F4EE, #C4E0CF, #98B991, #A57F3E, #534500)
• Aged Coast color palette (#EBF6E6, #5AAE9F, #5593C9, #777F2E, #202B1B)
• Nocturne Olive Orchard color palette (#E7E4D0, #547425, #144200, #002612, #020300)
• Lagoon Garden color palette (#E1EACC, #87BEA1, #459B7D, #007160, #23391C)
• Misty Forest color palette (#E8E7C9, #78A26C, #006E2C, #004A35, #041C00)
• Aged Market color palette (#EEF4EC, #A1BD98, #9097D0, #008477, #43263A)

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