Tempered Driftwood Garden color palette — #FAF3F9 · #AEDDCD · #A66B68 · #5E425B · #312830

Built around Mocha, softened by Oat — the whole palette hums with sophistication.

The five colors

• Ivory (#FAF3F9): bright and airy, almost weightless.
• Oat (#AEDDCD): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#A66B68): A full-bodied, dusty orange — the color of toasted spice.
• Charcoal Brown (#5E425B): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#312830): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered 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

• Antique Pier color palette (#F0F8F1, #B6DCBF, #907A53, #5F4921, #252E26)
• Sand Boulevard color palette (#FDF1F9, #F8DA9D, #C68F81, #7D6476, #32282F)
• Cocoa Workshop color palette (#FEF2ED, #D2BE93, #874B3D, #5D2600, #29241A)
• Softworn Basin color palette (#F9F3F8, #F9C1BC, #5EAD96, #CF6A64, #1E3234)
• Taupe Atelier color palette (#FAF3F5, #D0D8DB, #ACA7B1, #BD916B, #594F53)
• Dusty Cobalt color palette (#FEF1F6, #CCA17F, #75AA84, #607AAE, #4B363F)
• Amber Veranda color palette (#E4F5E8, #B68A2C, #564200, #231900, #000401)
• Timeworn Chapel color palette (#EAD9DF, #B6A55A, #7C4600, #3E2100, #17050C)

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