Vivid Workshop color palette — #CAE7FB · #257EFC · #3E1CF5 · #4D008B · #2B003E
Iris and Azure set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CAE7FB): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#257EFC): A luminous, vivid blue — the color of open sky before noon.
- Iris (#3E1CF5): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#4D008B): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#2B003E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Vivid Workshop 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
- Lapis Alley color palette (#D8EFFB, #2399FB, #5228EE, #4F009D, #4D005C)
- Grape Balcony color palette (#D4E3F6, #6776FF, #6C00D4, #5A0073, #2D0025)
- Grape Villa color palette (#E1EFFF, #71A4FF, #5C65FF, #5611C7, #41016D)
- Nightshade Lagoon color palette (#C6EFFC, #0094D4, #005DCE, #2E189B, #230449)
- Grape Lagoon color palette (#EADEFF, #A488FF, #7114DE, #340074, #0F0023)
- Ancient Nightshade Thicket color palette (#FFE3F4, #796BFF, #7D7400, #4800CA, #191700)
- Gentle Canyon color palette (#DAE1FA, #9F86FF, #942FC5, #6E1C71, #4A082F)
- Weathered Alley color palette (#F4E5D2, #00C2CF, #586BEA, #0B0F38, #0D020A)
Browse the whole catalog at Explore, or see today's palette.