Tempered Villa color palette — #F8F2FF · #D990BB · #5DA5C8 · #617AA9 · #403A48

Mauve and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Mauve (#D990BB): A luminous, balanced pink — the color of a candy shop window.
• Cyan (#5DA5C8): A luminous, balanced blue — the color of open sky before noon.
• Slate (#617AA9): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#403A48): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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

• Worn Mallow color palette (#F7F3FF, #ECACD6, #7FB6DA, #5189AC, #352D40)
• Coral Lagoon color palette (#FCF1FD, #C97282, #408B9B, #38667A, #443846)
• Softworn Delta color palette (#FFF0F8, #E19674, #9C92CA, #936A95, #483741)
• Worn Ridge color palette (#EEF6FF, #81AEE5, #7EA972, #418A76, #343E4A)
• Tempered Coast color palette (#FAF3F6, #E3D7D6, #ADB2BE, #B68EA3, #585054)
• Weathered Blush Study color palette (#FAF2FB, #DD939D, #AD9A5D, #6F8255, #453847)
• Azure Hollow color palette (#E7FAF8, #65B379, #009CD0, #526CAC, #213836)
• Emerald Coast color palette (#EFF7F2, #C3B074, #6A9B62, #297771, #56374C)

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