Tempered Driftwood color palette — #F9F2FA · #CDE1CF · #AD737B · #533D56 · #201821

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

The five colors

• Ivory (#F9F2FA): a clean, paper-quiet neutral.
• Celadon Mist (#CDE1CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#AD737B): A luminous, dusty red — the color of a theater curtain.
• Charcoal (#533D56): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#201821): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Tempered Delta color palette (#F7F3FB, #CDE8B9, #C08DA5, #74677E, #2E2933)
• Pewter Alley color palette (#FDEEEB, #D0C398, #7F535F, #442925, #1D100E)
• Patina Marigold Cabin color palette (#F9F3F8, #E5DBD4, #D4A64D, #CB847F, #182119)
• Timeworn Bronze color palette (#EFF8EF, #FFE2A5, #9E6B00, #4D3201, #071308)
• Wandering Mint color palette (#FCF1FB, #FFA7AB, #6AC39A, #538AA1, #3A2C3A)
• Softworn Harbor color palette (#EAFAED, #FFD2B8, #B7A05A, #417B8F, #4D3840)
• Amber Cabin color palette (#E1F2E5, #B28600, #382900, #020B09, #020100)
• Tempered Veranda color palette (#FFF0F7, #EECB81, #944E14, #411C00, #0A0105)

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