Tempered Villa color palette — #F1F5FE · #B8CE90 · #6868B2 · #364160 · #1C212F

A conversation between Slate and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Pistachio (#B8CE90): A luminous, balanced green — the color of new leaves after rain.
• Slate (#6868B2): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#364160): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#1C212F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Aged Cobalt Archive color palette (#EEF6FF, #EEB69A, #2976B4, #2C455C, #1B232A)
• Driftwood Quarry color palette (#F4F4FF, #A7DED1, #8B719C, #4B4A65, #2B2A33)
• Washed Studio color palette (#FEF1F7, #FDE2AA, #75709C, #4C2C3F, #170B12)
• Plum Lantern color palette (#F7F3FF, #AFC76C, #A33391, #57244E, #1E162B)
• Timeworn Ash Chapel color palette (#FDF1F9, #CDDDAC, #8891C2, #78576E, #2B1C26)
• Ancient Field color palette (#FFF1F6, #EA948B, #594579, #422231, #261615)
• Ash Lagoon color palette (#F5F4FB, #E1D8DD, #D0BBC1, #A282AA, #484651)
• Indigo Field color palette (#F3F5FC, #C5BAF9, #D16C71, #846FC9, #2C1F2C)

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