Tempered Driftwood color palette — #FBF2F9 · #AE6A66 · #905149 · #00584F · #352E3F

Mocha takes the lead with Coffee close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Mocha (#AE6A66): A full-bodied, balanced orange — the color of autumn markets.
• Coffee (#905149): A full-bodied, balanced orange — the color of autumn markets.
• Peacock (#00584F): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#352E3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: 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

• Bronze Meadow color palette (#F3F4FF, #A18EBA, #9B5F3F, #005F67, #4B3960)
• Ancient Driftwood color palette (#FCF2F6, #B27C53, #756E33, #00536E, #41303C)
• Hazy Ridge color palette (#FDF1F8, #AC6641, #3F6400, #333B8B, #38232F)
• Brick Workshop color palette (#FFF0FC, #AF4034, #724C00, #004252, #3A0D1A)
• Olive Workshop color palette (#FDEDEE, #A86E99, #6F721D, #005350, #251921)
• Terracotta Chapel color palette (#F3F4FF, #DCB0CE, #B0686F, #904019, #594300)
• Weathered Driftwood Studio color palette (#F6F4FA, #E0D8DA, #B0ABA1, #9E728D, #545159)
• Timeworn Terracotta Cabin color palette (#F9E2EE, #8B3C00, #583500, #002C3A, #260009)

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