Tempered Driftwood color palette — #FCF3EF · #E1DBCF · #C3C1B3 · #B77E79 · #4F4542

Built around Caramel, softened by Stone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Stone (#C3C1B3): soft and architectural.
• Caramel (#B77E79): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#4F4542): quiet, heavy and certain.

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

• Softworn Station color palette (#FAF4EC, #DAE1C6, #BAC7AF, #A28044, #573900)
• Hushed Meadow color palette (#F9F3F8, #E0D8D8, #A8AEC0, #E6918E, #4E444D)
• Washed Oat Lagoon color palette (#FFF2EB, #EAC29A, #AC9E77, #617B6B, #5B475D)
• Worn Cocoa color palette (#F4ECE4, #AFA38E, #908665, #623B00, #0F0701)
• Softworn Fern Villa color palette (#F4F8E5, #9BD2BB, #519F95, #8A6861, #334B06)
• Coral Parlor color palette (#FFF4E2, #F9907B, #AD7B36, #2F6E73, #423C37)
• Softworn Lantern color palette (#F2E1D4, #DA6C00, #694500, #332C28, #1F1612)
• Washed Fern color palette (#EAE8E0, #C6C6AB, #A1A890, #616600, #231F0F)

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