Tempered Driftwood Bloom color palette — #F8F6E8 · #A9B079 · #AB6B81 · #8B5747 · #35302A

Mocha takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Sage (#A9B079): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#AB6B81): A luminous, balanced rose — the color of strawberry cream.
• Coffee (#8B5747): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#35302A): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Tempered Taupe color palette (#FCF4E9, #BF9F6B, #9C79A2, #915B68, #4E2500)
• Washed Teal color palette (#EFF8EF, #51AFAB, #9D794F, #646738, #2A3800)
• Lilac Garden color palette (#EBF8FB, #75CEC7, #A895D9, #BE7B6F, #203739)
• Dusty Delta color palette (#EEF8F1, #61C1D5, #738CBE, #7B5A8A, #40443D)
• Lilac Alley color palette (#EEF6FD, #75CEFD, #AC85D2, #89566C, #33252F)
• Worn Cocoa color palette (#F0F8F0, #3E9292, #6464A7, #80371F, #363831)
• Emerald Workshop color palette (#F1FADD, #00A24B, #B44126, #714700, #2C2700)
• Softworn Pier color palette (#F1F7F1, #D2DCDA, #A5B6BB, #6DA8A5, #4F544E)

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