Grape Canyon color palette — #DDDCF6 · #8700B4 · #454F00 · #410059 · #020300

Built around Plum, softened by Royal Purple — the whole palette hums with nature and growth.

The five colors

• Thistle (#DDDCF6): A whisper-light, dusty violet — the color of a velvet chair.
• Plum (#8700B4): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#454F00): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#410059): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#020300): 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 Grape Canyon 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

• Mulberry Grove color palette (#FFE3F3, #9E007A, #00592E, #4D003A, #000401)
• Tempered Grape color palette (#E8E9F8, #7733B8, #00565E, #3D006A, #001315)
• Washed Orchid color palette (#E9E0F4, #B250FF, #4A7000, #4B0076, #010100)
• Inked Aubergine Boulevard color palette (#F2EDFF, #5D00AC, #004C1F, #00312A, #020007)
• Softworn Ultramarine Terrace color palette (#DAE6F6, #0058B3, #604300, #002858, #050200)
• Timeworn Magenta color palette (#E4DAE8, #D643FF, #3C8300, #65007D, #071B00)
• Powdered Field color palette (#E1EBF9, #0339EB, #504B00, #000E80, #030300)
• Pale Lapis Boulevard color palette (#DBEAFF, #6B7600, #5617FB, #0E041E, #000009)

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