Tempered Villa color palette — #F7EFF6 · #E1D2D2 · #D8B4BC · #3666C1 · #2F1E2E

Built around Royal Blue, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Blush (#F7EFF6): a clean, paper-quiet neutral.
• Silver (#E1D2D2): a clean, paper-quiet neutral.
• Rosewood Mist (#D8B4BC): A luminous, dusty red — the color of embers at dusk.
• Royal Blue (#3666C1): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#2F1E2E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Sapphire Corridor color palette (#FAF2F8, #EDD3D6, #CFB3C1, #4B64B7, #483B45)
• Nightshade Station color palette (#EDE7EB, #D4C7CC, #B69C9F, #3B47AC, #1E111A)
• Worn Byzantium color palette (#F8EFF2, #E1D3CC, #D3B8B2, #854DAB, #301F25)
• Petrol Meadow color palette (#EDF4EF, #C9DADC, #CEB7C8, #00788C, #19291F)
• Patina Iris color palette (#F0F5FF, #DBD8E2, #BDAFAA, #698BF0, #2D3543)
• Amethyst Loft color palette (#FBDFED, #7247D5, #3B1C3A, #12072A, #070107)
• Driftwood Corridor color palette (#F8F0F0, #DBD6D1, #AFB1A4, #A07291, #3F3233)
• Chalky Pine Terrace color palette (#FCF0DE, #A6AE6B, #407B34, #4B3E86, #202300)

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