Tempered Driftwood Villa color palette — #FFF1F2 · #E8B1C1 · #B46762 · #834B27 · #614700

Mocha and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Ballet Pink (#E8B1C1): A luminous, dusty rose — the color of a warm blush.
• Mocha (#B46762): A full-bodied, balanced orange — the color of toasted spice.
• Coffee (#834B27): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#614700): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

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

• Shell Alley color palette (#FFF1F3, #FFB4B7, #CB8981, #966050, #6F3A1B)
• Driftwood Bloom color palette (#FFF0F9, #CBACDF, #AF6B9F, #85434F, #683800)
• Gentle Quarry color palette (#FFF2ED, #E4A88E, #AC7D2E, #685C03, #3C5519)
• Timeworn Ember Workshop color palette (#F0D8DC, #DB6551, #844200, #453500, #202400)
• Bronze Market color palette (#FBF5E5, #D191B3, #A3654A, #1F6278, #57423D)
• Dusty Lagoon color palette (#FBF3F2, #DFD9D3, #A3AFA6, #A37185, #585050)
• Driftwood Orchard color palette (#FFF1F2, #D0BAB1, #A48B6F, #527268, #5C4D59)
• Muted Summit color palette (#FEEEE8, #B2635F, #593100, #34241E, #1A1410)

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