Grape Grove color palette — #FFF4E1 · #B3921C · #684FB0 · #55448C · #331718
A conversation between Plum and Mustard, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Mustard (#B3921C): A luminous, balanced green — the color of fresh herbs.
- Plum (#684FB0): A full-bodied, balanced violet — the color of twilight just after sunset.
- Indigo (#55448C): A full-bodied, balanced violet — the color of twilight just after sunset.
- Onyx (#331718): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Grape Grove 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
- Moss Parlor color palette (#F8F6E3, #6CA949, #7A66B3, #61528D, #3A231B)
- Dusty Moss Thicket color palette (#FAF1D9, #A49900, #4C6FB7, #713864, #45173B)
- Moss Lantern color palette (#FFEADF, #B0A600, #008B7B, #6E4177, #31312A)
- Muted Bronze color palette (#FDF5DB, #958000, #006FA0, #005076, #2E1819)
- Faded Iris Grove color palette (#FFF2EC, #E18972, #7986EF, #9355AA, #34100C)
- Wandering Chestnut color palette (#FFF1F6, #995200, #5A3D85, #551645, #2E162B)
- Weathered Grove color palette (#F1F8ED, #51BD99, #9B72A7, #775D7E, #37312D)
- Hazy Aubergine color palette (#E5FAF9, #47A268, #007F7D, #5E1B84, #17000A)
Browse the whole catalog at Explore, or see today's palette.