Violet Pier color palette — #CCEFFB · #00B979 · #976AFF · #1A0D34 · #0B0105
Built around Amethyst, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Frost (#CCEFFB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Jade (#00B979): A luminous, balanced teal — the color of sea glass.
- Amethyst (#976AFF): A luminous, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#1A0D34): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#0B0105): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, 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
- Powdered Lantern color palette (#E9EED6, #00C4C1, #1C77E9, #001435, #0B030B)
- Sunlit Magenta Drift color palette (#DDE5F9, #00A9AD, #DC00CE, #240901, #090203)
- Hazy Orchid color palette (#E4EBDA, #6AC9FF, #B963E9, #411E54, #120F28)
- Magenta Loft color palette (#D7ECFE, #00C7D1, #FF38E3, #3A161B, #150608)
- Weathered Byzantium color palette (#DEEDCF, #7CABFF, #BA00E6, #1E0527, #0D0205)
- Weathered Grove color palette (#DEECD3, #8F83E4, #795EEA, #150C35, #0D0107)
- Muted Chartreuse color palette (#E3EFFF, #C5DA18, #AEB3FF, #3B2D36, #1C171A)
- Emerald Lagoon color palette (#FFE5E8, #00B431, #67006B, #29002B, #0A0002)
Browse the whole catalog at Explore, or see today's palette.