Grape Canyon color palette — #F1F5FF · #B2ADFF · #9D8E00 · #5B2ED1 · #1C1900
Iris takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#B2ADFF): A luminous, balanced violet — the color of wild irises.
- Moss (#9D8E00): A luminous, balanced green — the color of new leaves after rain.
- Iris (#5B2ED1): A full-bodied, vivid violet — the color of a velvet chair.
- Ink (#1C1900): 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
- Patina Studio color palette (#EFF6FF, #82A8FB, #B28F06, #1E4CE1, #1F1700)
- Chalky Violet Thicket color palette (#F2F4FF, #C6B0FD, #A6B231, #8156D0, #272B00)
- Frosted Grape Harbor color palette (#F4F4FF, #BE96E2, #05AF6B, #8811C8, #001F0F)
- Timeworn Aubergine color palette (#EBEDFF, #B188E8, #3C8A00, #5E009E, #020A00)
- Patina Violet color palette (#F7D2E5, #8264E2, #806700, #4E299F, #332800)
- Ember Terrace color palette (#EDF6FF, #6DC1FF, #D55900, #0069A1, #2D0D00)
- Iris Quarry color palette (#F1F5FF, #9187ED, #948300, #557100, #0D012F)
- Quiet Ridge color palette (#F2D4E3, #B09DFF, #FF6A59, #895EF5, #4E0E09)
Browse the whole catalog at Explore, or see today's palette.