Violet Pier color palette — #FFF1F6 · #D1B9FF · #97C207 · #934FE9 · #263400

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#D1B9FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Lime (#97C207): A luminous, vivid green — the color of new leaves after rain.
• Amethyst (#934FE9): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#263400): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Soft Byzantium color palette (#FFF1F3, #FBBDFF, #8ABD00, #B32EBE, #243500)
• Pale Indigo color palette (#FFF0FB, #B3C5FF, #DDA608, #536CF1, #3D2B00)
• Powdered Emerald Garden color palette (#FFF1F6, #CDA0FF, #00AA3C, #7533AC, #001F05)
• Powdered Peony color palette (#FFF1F1, #FFBEDF, #60D79E, #C56099, #15422D)
• Feathered Lilac color palette (#F3F4FF, #CCB7FF, #00CFDA, #A776FD, #004347)
• Aubergine Balcony color palette (#F3F4FF, #B586FA, #798800, #6700B2, #384000)
• Worn Plum color palette (#FFF1F2, #CDE673, #9E3E94, #4B1346, #130205)
• Periwinkle Harbor color palette (#FFF1F6, #EBD6DB, #C6B8A4, #89A1F0, #422A4C)

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