Violet Pier color palette — #EFF7F6 · #A1CEA2 · #8F69B4 · #3F7E42 · #2C2D38
Slate and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EFF7F6): a clean, paper-quiet neutral.
- Pistachio (#A1CEA2): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#8F69B4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Olive (#3F7E42): A full-bodied, balanced green — the color of a quiet forest floor.
- Onyx (#2C2D38): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, muted.
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
- Driftwood Station color palette (#EFF7F9, #78D1D5, #A76587, #007C81, #312B36)
- Softworn Cobalt color palette (#EEF4EB, #80D7C0, #5E84BD, #407F6F, #1C121C)
- Muted Lantern color palette (#F0F7F2, #CEC092, #3A81C6, #826B08, #242F3B)
- Patina Chapel color palette (#EBF8F8, #4C906A, #785A9F, #674F1D, #283A39)
- Dusty Boulevard color palette (#EDF7F9, #89E6CD, #5FA3D4, #5A9B8A, #262F37)
- Muted Station color palette (#FFF0F7, #73B7A5, #4B7AAD, #754F37, #354C54)
- Grape Field color palette (#E4FAFC, #00BD95, #8400DF, #00654F, #1A1A30)
- Misty Cerulean color palette (#D4FFFC, #87CBC1, #3294B6, #3F5D93, #4C3E73)
Browse the whole catalog at Explore, or see today's palette.