Tempered Villa color palette — #FBD9D7 · #8356FF · #008846 · #000D0D · #000201

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

The five colors

• Shell Pink (#FBD9D7): A whisper-light, dusty orange — the color of autumn markets.
• Amethyst (#8356FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Fern (#008846): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000D0D): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, 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

• Misty Indigo Summit color palette (#F8DAD1, #6366FF, #7D7400, #070E04, #000201)
• Hushed Byzantium Station color palette (#E2E1CE, #00875B, #AB00C1, #000F0F, #000202)
• Wandering Iris Garden color palette (#FBD8D4, #8E85FF, #00A57D, #002519, #040900)
• Washed Magenta color palette (#FDDEC7, #E710F0, #8E8300, #121C0C, #0B0600)
• Tempered Nightshade color palette (#D0EBEF, #008C7A, #0030AD, #004037, #000105)
• Worn Corridor color palette (#DDE3CC, #49B3FF, #00B1A4, #010E12, #000200)
• Tempered Peony color palette (#E8F0D3, #FF3788, #0095B6, #00121C, #000408)
• Weathered Mustard Station color palette (#FBE8E7, #BEBF00, #008FD3, #071B2B, #02070D)

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