Violet Villa color palette — #F5D7D1 · #8B68FF · #009557 · #001608 · #000202

Amethyst and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F5D7D1): A whisper-light, dusty orange — the color of autumn markets.
• Amethyst (#8B68FF): A luminous, vivid violet — the color of wild irises.
• Fern (#009557): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001608): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

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

Use it as a design system

One click turns Violet 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

• Ancient Magenta color palette (#FDE6CD, #C62BFB, #009469, #001009, #000202)
• Cornflower Workshop color palette (#F7D6D5, #5F7AFF, #9E7600, #150D00, #000301)
• Clover Cabin color palette (#F5E0CE, #B2A1FF, #00C377, #003B20, #001818)
• Airy Peony color palette (#DBE1D4, #EE00A8, #00927A, #001812, #000203)
• Antique Harbor color palette (#D9E1EE, #F418DD, #6C7000, #121300, #000201)
• Softworn Alley color palette (#D2E7EB, #009889, #4A1BD3, #005148, #00000F)
• Weathered Bloom color palette (#EBF3E3, #FF4A7C, #009BC2, #001C25, #000910)
• Denim Balcony color palette (#D3E2E8, #A2B7C9, #8496B5, #005E6A, #03171E)

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