Tempered Driftwood color palette — #FFF1F6 · #B9DAC4 · #C9A483 · #AE786F · #26443B

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Oat (#B9DAC4): A whisper-light, dusty teal — the color of glacier melt.
• Camel (#C9A483): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AE786F): A luminous, dusty orange — the color of autumn markets.
• Forest (#26443B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Garden color palette (#FFF1F5, #C7E7CB, #C29365, #905D42, #1F382A)
• Aged Stone color palette (#EDF8F1, #C1E2D7, #99C1A8, #A78894, #344D4C)
• Apricot Coast color palette (#FFE7F3, #EAC084, #E18B5E, #AE6970, #133F2C)
• Washed Alley color palette (#EEF6FF, #84BEFF, #CBA763, #AA8B4F, #223449)
• Tempered Meadow color palette (#FFEFDF, #BBA986, #9B6836, #6F3C34, #27230B)
• Softworn Parlor color palette (#C9E7CF, #B7C060, #BA8C00, #AD5410, #0A3207)
• Tempered Mallow color palette (#F8F2FF, #ED93C0, #CF7D96, #9D7C35, #112B3D)
• Aged Azure color palette (#EEF6FE, #ACDCFF, #EB9191, #53ABE4, #2C1F2B)

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