Tempered Driftwood color palette — #FFF1F7 · #A0C2A8 · #A17554 · #6C5569 · #394D45

Mocha and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Stone (#A0C2A8): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#A17554): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Graphite (#6C5569): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#394D45): A full-bodied, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Tempered Driftwood 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 Bronze color palette (#FFF1F7, #8EB195, #A06031, #714342, #2E423A)
• Weathered Driftwood Atelier color palette (#ECF9F2, #9EC1B9, #858354, #4C654A, #364D4D)
• Dusty Balcony color palette (#FFF1F6, #B7D4B8, #B98D9F, #896A7C, #3D4C42)
• Patina Market color palette (#FCEFE4, #D2B693, #AA7641, #80471E, #322B1F)
• Feathered Cocoa Field color palette (#DDF6E0, #A2A24E, #896100, #793000, #233D19)
• Denim Loft color palette (#DAFDFF, #7FCFD7, #478DB8, #465691, #543B69)
• Aged Cobalt color palette (#EFF7F7, #86D3B7, #6A76C1, #157F63, #292E37)
• Tempered Harbor color palette (#DDF0E2, #818F55, #685300, #552A00, #002B28)

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