Driftwood Garden color palette — #FFF1F8 · #A8BFAA · #A77255 · #6B556B · #3A4D44

Mocha and Graphite set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F8): bright and airy, almost weightless.
• Stone (#A8BFAA): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A77255): A luminous, dusty orange — the color of autumn markets.
• Graphite (#6B556B): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#3A4D44): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Driftwood Garden 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 Bronze color palette (#FFF0F8, #C1A175, #A15F3E, #744047, #2F4238)
• Weathered Dune color palette (#FFF0F7, #EBBBCB, #B58FA1, #866B7E, #3F4C41)
• Timeworn Cocoa Drift color palette (#FFF2E9, #EAD6BE, #D2AE93, #AC897C, #5C4300)
• Muted Terrace color palette (#EBF8FA, #2CA594, #AD6D41, #206E59, #2D4145)
• Timeworn Workshop color palette (#F0F6FA, #92CADD, #B45B84, #1F7890, #312B36)
• Airy Iris color palette (#EBF7FF, #A5B9E9, #9076C1, #784376, #682F3A)
• Tempered Denim color palette (#F0F6FD, #E6B2A2, #3D6087, #233A53, #24252F)
• Weathered Chestnut Market color palette (#D6EFDE, #8E9F67, #776200, #643709, #163735)

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