Softworn Grape color palette — #E8EDFA · #7973EC · #797A00 · #4D09D8 · #1C1C00

Iris and Periwinkle set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E8EDFA): bright and airy, almost weightless.
• Periwinkle (#7973EC): A luminous, vivid violet — the color of a velvet chair.
• Olive Leaf (#797A00): A full-bodied, balanced green — the color of new leaves after rain.
• Iris (#4D09D8): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#1C1C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Softworn 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

• Tempered Nightshade color palette (#FFE6F4, #8C7AFC, #857D00, #4E20B9, #090800)
• Muted Aubergine color palette (#DCDFF0, #A17AFB, #488700, #5300A6, #0D2000)
• Misty Nightshade color palette (#E4EEFF, #6F8EFC, #AE5A00, #2124B5, #2D1300)
• Washed Amethyst Corridor color palette (#FFDEF0, #6A45EA, #665A00, #3B0098, #1F1B00)
• Byzantium Grove color palette (#E9E8FF, #A144CC, #5A7000, #68008B, #0C1200)
• Sapphire Market color palette (#D6E1EE, #0073D9, #5D7300, #006A3D, #00112A)
• Powdered Bronze color palette (#D0E5F3, #0093BF, #A26500, #005B77, #291600)
• Feathered Amethyst Pier color palette (#E6EBFF, #9D85FF, #EC524A, #7746E9, #3A0002)

Browse the whole catalog at Explore, or see today's palette.