Driftwood Garden color palette — #FAF3F7 · #BEE7F5 · #AA7862 · #5C394E · #22171E

Mocha takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Powder Blue (#BEE7F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mocha (#AA7862): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#5C394E): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#22171E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Softworn Driftwood color palette (#F0F7F1, #B5E3ED, #9C8152, #57421C, #131E15)
• Hushed Bronze color palette (#FCF3EC, #F8D8B0, #C59170, #955F2E, #322922)
• Softworn Stone color palette (#F9EEF3, #E4BC84, #7A5466, #3F2A34, #191115)
• Patina Marigold Ridge color palette (#E2F3EA, #CB983E, #413E00, #1B2027, #090800)
• Denim Coast color palette (#EAF9F5, #A4B879, #67A788, #575CA2, #352430)
• Amber Garden color palette (#FBF2F6, #E8D7D7, #7FBEA0, #D38352, #0E2223)
• Timeworn Coast color palette (#FFF1F5, #E3BB91, #73BEBB, #6B80B5, #412A32)
• Washed Bronze color palette (#FFF1F5, #F2D68A, #945D00, #432700, #160007)

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