Tempered Villa color palette — #FFEDED · #F78DD3 · #907370 · #605050 · #271F20

A conversation between Bubblegum and Mocha, giving this palette its sense of creativity and sophistication.

The five colors

• Cream (#FFEDED): a clean, paper-quiet neutral.
• Bubblegum (#F78DD3): A luminous, balanced pink — the color of neon signs at night.
• Mocha (#907370): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal Brown (#605050): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#271F20): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Muted Lilac color palette (#FBEDF4, #BAA7FF, #8A757C, #5C5156, #252023)
• Aged Lagoon color palette (#FFEDED, #CF79B7, #6A524B, #403535, #262022)
• Aged Apricot Alley color palette (#FFEEE6, #FF9585, #A76B42, #7F4123, #26201E)
• Softworn Blush Atelier color palette (#F5DBD6, #FF6094, #905356, #563935, #1C0C0C)
• Dusty Cocoa color palette (#F7EAEA, #A56D96, #62270A, #2A191A, #110A0D)
• Aged Study color palette (#FFF1F0, #FFBFD0, #F0A1AE, #BE8388, #793A22)
• Weathered Shell color palette (#FFF2ED, #FFAFAA, #D3BB7E, #C39FD0, #48403D)
• Worn Rose Lagoon color palette (#F6E1DB, #FA235D, #724641, #3F2923, #0B0202)

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