Tempered Driftwood Study color palette — #F9F2FF · #E9A9B4 · #BA756B · #895438 · #654150

Built around Caramel, softened by Coffee — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Ballet Pink (#E9A9B4): A luminous, dusty red — the color of embers at dusk.
• Caramel (#BA756B): A luminous, balanced orange — the color of toasted spice.
• Coffee (#895438): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#654150): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Tempered Driftwood Study 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

• Worn Driftwood Boulevard color palette (#FEF0FF, #DC9F96, #B5785B, #855B36, #3C5740)
• Washed Alley color palette (#F2F3FF, #D4ADDE, #AB7093, #844F64, #64434E)
• Aged Cocoa color palette (#FFF0F7, #ECBDA1, #A36F54, #6F3F25, #522D1A)
• Worn Bronze color palette (#FFF0FA, #D6A193, #5EA5B4, #9D6050, #2E5363)
• Dusty Workshop color palette (#FFF0F9, #E6D7D5, #A9D9DC, #9A84A3, #5D4B53)
• Ember Terrace color palette (#FBDAD6, #DB6B3C, #8D5000, #4F3400, #1C2C08)
• Hushed Cerulean color palette (#FFF0FB, #C2877B, #2F9AA6, #547B9B, #4E3C49)
• Washed Forest color palette (#EAFAF1, #99C2B5, #688977, #4A664B, #314E4B)

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