Grape Canyon color palette — #CAE8D8 · #756E00 · #702EAA · #3C3800 · #0E001D

Plum takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#CAE8D8): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#756E00): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#702EAA): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#3C3800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0E001D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Hushed Aubergine color palette (#CCE9E7, #2C8F4F, #612194, #00421C, #0E001D)
• Soft Hollow color palette (#C7EAD4, #7C6B00, #124CC0, #403600, #000423)
• Ancient Byzantium color palette (#F1E9D2, #A59A25, #8C00D4, #5C5400, #26073C)
• Hazy Studio color palette (#DCE7C7, #4E6100, #5306BF, #560081, #030400)
• Softworn Mulberry Orchard color palette (#CBF6F4, #229054, #860056, #004221, #16000A)
• Hazy Byzantium Summit color palette (#DAF1EF, #28B155, #9200C5, #005D25, #250035)
• Muted Olive color palette (#D0E7DD, #707300, #006572, #3B3C00, #001F24)
• Aubergine Boulevard color palette (#D8F3F6, #005A46, #68005A, #00251B, #040003)

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