Tempered Villa color palette — #E3EBFA · #6177F9 · #2A9303 · #007C5A · #161C3C

Periwinkle and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E3EBFA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Periwinkle (#6177F9): A luminous, vivid violet — the color of a velvet chair.
• Kelly Green (#2A9303): A full-bodied, vivid green — the color of a quiet forest floor.
• Teal (#007C5A): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#161C3C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Calm, Energy, Balance. Tagged cool.

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

• Pale Parlor color palette (#E2E7FF, #8F66F1, #009161, #007A6B, #181C3B)
• Patina Cornflower Corridor color palette (#D5E1F0, #3286E9, #6B8700, #007F2A, #08203A)
• Chalky Violet color palette (#D7DDF7, #8667DB, #00875B, #42469D, #141734)
• Wisteria Study color palette (#FFF1F5, #BE86EF, #657C00, #006F4E, #150223)
• Frosted Jade color palette (#F3F4FF, #B094DE, #00B28A, #2D969F, #34354E)
• Hazy Peony Courtyard color palette (#FDE2F0, #F100B2, #009299, #227093, #42072F)
• Pale Basin color palette (#EDE7F5, #8E32CD, #855000, #005954, #341220)
• Aged Apricot color palette (#EFF2FF, #F3BBEE, #FF987F, #3382B2, #38324C)

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