Tempered Villa color palette — #FFE8F4 · #8056FE · #6F6A00 · #41009C · #010100

Amethyst takes the lead with Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFE8F4): A whisper-light, dusty pink — the color of neon signs at night.
• Amethyst (#8056FE): A full-bodied, vivid violet — the color of wild irises.
• Olive (#6F6A00): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#41009C): A deep, shadowed, vivid violet — the color of a velvet chair.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Airy Orchid color palette (#EDE4F9, #B052FF, #4D6F00, #4A0077, #010100)
• Cornflower Station color palette (#E4F0FF, #007FE3, #826100, #003C71, #020100)
• Soft Aubergine Corridor color palette (#E6EBFF, #5D44AC, #504B00, #2F0071, #030300)
• Amethyst Studio color palette (#E3E0FE, #7217F7, #615A00, #364B00, #010008)
• Soft Grape Villa color palette (#F6D3E3, #966BFC, #8F8100, #7216E5, #131000)
• Byzantium Bloom color palette (#F2E6F2, #AB00B4, #3D6100, #4A004E, #010200)
• Linen Magenta Courtyard color palette (#FEE2E4, #D100BC, #007B4F, #68005C, #000201)
• Antique Pier color palette (#FFF1F6, #CBB0FF, #8EA000, #7A2ACF, #1D2100)

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