Nocturne Grape color palette — #DFE7FF · #5C00E9 · #260D45 · #2C151D · #03051C
A conversation between Iris and Deep Indigo, giving this palette its sense of creativity and energy.
The five colors
- Frost (#DFE7FF): A whisper-light, dusty violet — the color of wild irises.
- Iris (#5C00E9): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#260D45): A deep, shadowed, balanced violet — the color of a velvet chair.
- Onyx (#2C151D): A deep, shadowed, dusty rose — the color of pressed rose petals.
- Ink (#03051C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.
Use it as a design system
One click turns Nocturne Grape 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
- Cellar Grape color palette (#E8DDF8, #7A00C8, #30083C, #0D001D, #010009)
- Charred Ultramarine color palette (#DAE3F6, #2322FB, #19124B, #010420, #000104)
- Gentle Market color palette (#F3E2EC, #734CFF, #3F2A61, #19123C, #11020D)
- Charred Field color palette (#E2EEFD, #005BAA, #0B1948, #241B21, #000717)
- Grape Canyon color palette (#EEE8FF, #A552F4, #8100B7, #570067, #2E0032)
- Frosted Magenta color palette (#F3D7EF, #BB00B2, #B03100, #1A43B9, #1E001D)
- Shadow Mulberry Field color palette (#F0EAFF, #8D008A, #2E0A22, #0E0901, #070213)
- Hushed Lantern color palette (#F5E6F9, #BE4AD7, #A85B00, #78008D, #250F00)
Browse the whole catalog at Explore, or see today's palette.