Tempered Driftwood color palette — #FAF3F7 · #CED9DC · #9CA1AD · #B3826D · #4E444A

A conversation between Caramel and Blue Fog, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#CED9DC): a clean, paper-quiet neutral.
• Blue Fog (#9CA1AD): soft and architectural.
• Caramel (#B3826D): A luminous, dusty orange — the color of autumn markets.
• Charcoal (#4E444A): a grounded near-black with real depth.

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

• Driftwood Terrace color palette (#F9F3F8, #E5D8D6, #BACBCA, #B97E77, #4F444D)
• Hushed Oat Lagoon color palette (#FFF0FE, #B0D1B3, #7BA6A1, #6F7590, #4C5165)
• Driftwood Quarry color palette (#EFF7F4, #D0DBE0, #AFC1D3, #7A874E, #303E39)
• Timeworn Villa color palette (#E7F0E9, #92ABA4, #6C8D8E, #574200, #010D04)
• Ancient Bronze Garden color palette (#FAF4F0, #DCDBD2, #BFC1B1, #A65F33, #6C3800)
• Cocoa Quarry color palette (#F1E1E8, #A9B9AE, #7E9D95, #7F3F00, #210C17)
• Antique Blush color palette (#FDF1FE, #DA8B95, #32937D, #695087, #412D57)
• Softworn Apricot Lantern color palette (#E9FBEB, #EC9788, #8D8A46, #506191, #503340)

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