Tempered Driftwood color palette — #FCF3EF · #DFDACF · #C6C1B0 · #B38173 · #504540

Caramel and Stone set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#DFDACF): a clean, paper-quiet neutral.
• Stone (#C6C1B0): A luminous, dusty green — the color of fresh herbs.
• Caramel (#B38173): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#504540): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Dusty Field color palette (#FFF2E9, #EED6C0, #E5C384, #C29A5B, #46403B)
• Tempered Oat color palette (#FFF3E5, #DCC9A9, #AEA484, #707C66, #3F503C)
• Weathered Coral color palette (#FBF3F1, #DCDAD3, #9BB4AF, #D38680, #672B0E)
• Weathered Bronze Grove color palette (#FFF3E8, #F0DAC1, #D2BA92, #AB631E, #37322D)
• Cocoa Lantern color palette (#F1E8DB, #AFA38D, #928564, #5B3F00, #100700)
• Patina Bronze color palette (#FDF4E4, #CEC68C, #919455, #9A6334, #533F00)
• Worn Apricot Thicket color palette (#FFF3E4, #ED9A66, #A97D3E, #4A6E4C, #423C37)
• Muted Workshop color palette (#F3E1D0, #CF7500, #6A4400, #322D28, #1E1711)

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