Violet Coast color palette — #DFEFCE · #00B577 · #8655DE · #3C2E5C · #0C0206
Built around Amethyst, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DFEFCE): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#00B577): A luminous, balanced teal — the color of glacier melt.
- Amethyst (#8655DE): A full-bodied, vivid violet — the color of twilight just after sunset.
- Navy (#3C2E5C): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#0C0206): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Violet Coast 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
- Tempered Hollow color palette (#E7E5CE, #31C26B, #4E6EDE, #1A2966, #10030D)
- Soft Orchid Hollow color palette (#C8E7F2, #00B5A4, #B368FF, #40275B, #100006)
- Linen Aubergine color palette (#FAE4EE, #76B878, #6E54AD, #411E7A, #080003)
- Washed Magenta Corridor color palette (#D7E7CF, #1CC996, #BD00D1, #471C4C, #0E0204)
- Faded Lantern color palette (#F4E0D0, #B89500, #4670DE, #152A63, #080207)
- Airy Courtyard color palette (#DDF6EE, #00C9DA, #C060DF, #5D296D, #2D0F18)
- Wandering Workshop color palette (#D4F7E5, #D68200, #A95AFF, #270944, #050416)
- Linen Workshop color palette (#DEF0FB, #00909C, #C400B9, #22001F, #060001)
Browse the whole catalog at Explore, or see today's palette.