Tempered Driftwood color palette — #FCF1FC · #BD7876 · #4A6A97 · #574873 · #3A3342

Caramel and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Caramel (#BD7876): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#4A6A97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#574873): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#3A3342): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Softworn Field color palette (#F4F4FF, #9C7DAD, #007375, #23526E, #2D3343)
• Driftwood Thicket color palette (#EEF8F1, #9C873C, #3B755F, #6E3E43, #433038)
• Hushed Lantern color palette (#F8F5EC, #B3AD6A, #479477, #5966A4, #3A332F)
• Hushed Navy Cabin color palette (#EAF5EE, #9D8D53, #2E7B5F, #314884, #241320)
• Taupe Archive color palette (#E8FBEE, #BAA66B, #777C44, #2D626C, #384E41)
• Hushed Field color palette (#F6F6EC, #9EC782, #15BDD5, #628AB4, #41333A)
• Tempered Rust Workshop color palette (#FFF0FB, #C63A30, #3046A9, #53137C, #401329)
• Driftwood Dune color palette (#F1F7F1, #D3DCDA, #A3ADB9, #718972, #4D554D)

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