Violet Pier color palette — #EFF1FF · #924CED · #C5152D · #723700 · #0F0F2E
A conversation between Amethyst and Ruby, giving this palette its sense of optimism and energy.
The five colors
- Ivory (#EFF1FF): a clean, paper-quiet neutral.
- Amethyst (#924CED): A full-bodied, vivid violet — the color of wild irises.
- Ruby (#C5152D): A full-bodied, vivid orange — the color of autumn markets.
- Bronze (#723700): A full-bodied, balanced gold — the color of old brass.
- Ink (#0F0F2E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Optimism, 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
- Grape Summit color palette (#E5E8F6, #6C3FCD, #9D0E37, #003E47, #04051B)
- Peony Delta color palette (#F5EEFF, #CA44AA, #A81C00, #493500, #21043C)
- Airy Orchard color palette (#FFEBF7, #C864C8, #AB0E73, #5D3100, #2D0F27)
- Dusty Plum Boulevard color palette (#EEE5F7, #B44686, #8E5500, #4D4400, #16091F)
- Iris Garden color palette (#FFF0FA, #8184FF, #D35084, #007576, #3C2133)
- Feathered Sapphire Villa color palette (#FFF0FC, #425FFF, #7A6500, #584900, #3C2037)
- Plum Orchard color palette (#EED5FF, #D17CDC, #B200A4, #76005B, #390020)
- Amethyst Lagoon color palette (#F1F1F8, #DFD2E2, #C2B8E2, #7D52AC, #222334)
Browse the whole catalog at Explore, or see today's palette.