Tempered Driftwood color palette — #FBF3EE · #DCDDD0 · #BBC4B6 · #B0846D · #4F463F

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

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Bone (#DCDDD0): bright and airy, almost weightless.
• Stone (#BBC4B6): A luminous, dusty green — the color of fresh herbs.
• Caramel (#B0846D): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#4F463F): quiet, heavy and certain.

Feels like: Optimism, 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

• Apricot Delta color palette (#F9F4EF, #DCDBD2, #ACB8AA, #DE9B62, #4F463E)
• Softworn Driftwood color palette (#F7F6EB, #D0DDD5, #A9C6BF, #768954, #3C3B30)
• Oat Courtyard color palette (#FFF0EC, #D9C9A7, #97A181, #8A6F7B, #614853)
• Cocoa Archive color palette (#E6DDD6, #C0B397, #97987A, #7C4100, #1B1108)
• Worn Basalt Coast color palette (#FCF5E3, #B1CFA4, #629D89, #88686D, #454600)
• Aged Amber Harbor color palette (#F0E3CF, #B68600, #545000, #312D27, #1E1712)
• Muted Fern Corridor color palette (#E6E6DE, #BEC8B6, #90AD98, #476D30, #202015)
• Honey Study color palette (#FFF3E6, #EFD6CB, #F2BE60, #69B98A, #3F3D36)

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