Tempered Villa color palette — #FBDFE8 · #D5C087 · #CC8F48 · #A06B57 · #1E362C

Built around Mustard, softened by Sand — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#FBDFE8): A whisper-light, dusty rose — the color of strawberry cream.
• Sand (#D5C087): A luminous, dusty green — the color of new leaves after rain.
• Mustard (#CC8F48): A luminous, balanced gold — the color of honey in a jar.
• Mocha (#A06B57): A full-bodied, dusty orange — the color of autumn markets.
• Deep Forest (#1E362C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Dusty Taupe color palette (#D5EFE0, #BAC995, #AD9F4C, #98723C, #0A3834)
• Aged Bronze Harbor color palette (#F4E5D5, #CAA873, #A77534, #7E4E22, #34302A)
• Faded Ember color palette (#FFD3C2, #F1A55A, #F35E0E, #B74453, #362600)
• Amber Quarry color palette (#F5EBF2, #D7C983, #C16E55, #744A3C, #20101B)
• Muted Workshop color palette (#FDF1F7, #C9E1C9, #D9AA8E, #A4889F, #3B4C42)
• Antique Cocoa Balcony color palette (#EDDECD, #AB966C, #805C33, #5E3011, #201600)
• Bronze Grove color palette (#DBF3DD, #AEA148, #A37200, #8C4300, #121900)
• Airy Alley color palette (#FBF2F7, #FFB798, #2EBE7B, #EC6925, #001D1D)

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