Grape Ridge color palette — #FFF0F8 · #A69EEE · #939C05 · #6817EE · #181A00
Violet and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Wisteria (#A69EEE): A luminous, balanced violet — the color of a velvet chair.
- Moss (#939C05): A luminous, balanced green — the color of a quiet forest floor.
- Violet (#6817EE): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#181A00): 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 Ridge 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
- Ultramarine Coast color palette (#FFF0FB, #9DB5FF, #B08500, #313DDC, #211600)
- Indigo Courtyard color palette (#F0D5E3, #BEB9FF, #AAA803, #6D54D3, #2C2B00)
- Byzantium Field color palette (#FFF1F4, #CD8FDB, #5BAB06, #9517AD, #0B1E00)
- Dusty Workshop color palette (#FFE7EE, #BB84E2, #4F8700, #650092, #030A00)
- Violet Parlor color palette (#E1E4F4, #9152F4, #7C6B00, #542198, #161200)
- Frosted Amber Terrace color palette (#E0FDF2, #67C2FF, #C26B00, #006A9D, #281100)
- Hushed Plum color palette (#FFF1F1, #FF9AD9, #00B169, #AC0082, #002612)
- Dusty Amber Boulevard color palette (#FFF1F7, #987FDA, #C46400, #007D67, #11012B)
Browse the whole catalog at Explore, or see today's palette.