Violet Garden color palette — #F2F5FF · #8352FF · #6E5700 · #004C3B · #003135

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Amethyst (#8352FF): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#6E5700): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Forest (#003135): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Sapphire Ridge color palette (#EFF6FF, #3270FE, #844900, #004C33, #003231)
• Hushed Byzantium color palette (#DDDFFC, #8A21D8, #4A4A00, #00362E, #001E23)
• Timeworn Magenta Alley color palette (#F5F3FF, #BD34C9, #476500, #004562, #1B294B)
• Feathered Peony Drift color palette (#F7F3FF, #BB66A3, #38723D, #00525D, #11354D)
• Worn Cobalt Alley color palette (#FFF1F6, #A1D4FF, #6778C9, #006668, #46375E)
• Chalky Mulberry Quarry color palette (#EFEAFF, #8E0093, #174200, #002527, #000E17)
• Muted Lantern color palette (#FFEDED, #C74CA3, #A61F12, #4C3400, #1C0245)
• Wisteria Archive color palette (#F5F3FF, #CC6FE1, #C4435C, #005E7B, #281E72)

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