Grape Ridge color palette — #F8E2EB · #8201E7 · #5C3F00 · #002F19 · #000A0A
Built around Violet, softened by Bronze — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F8E2EB): A whisper-light, dusty rose — the color of pressed rose petals.
- Violet (#8201E7): A full-bodied, vivid violet — the color of a velvet chair.
- Bronze (#5C3F00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#002F19): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000A0A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, 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
- Byzantium Grove color palette (#EFD8DB, #A400AD, #574200, #002D30, #000A0B)
- Obsidian Byzantium color palette (#DFDFF6, #8A39B7, #701500, #141800, #000202)
- Charred Nightshade Harbor color palette (#F6DEEC, #4700C4, #362800, #00190E, #000505)
- Ultramarine Market color palette (#EFE1ED, #1547FB, #801600, #192D00, #040A00)
- Worn Canyon color palette (#FFDDEA, #AD57FF, #945A00, #00544B, #002B26)
- Powdered Peony color palette (#E7DCF8, #C44AA4, #726400, #4E4400, #00090C)
- Hushed Alley color palette (#EBDFD5, #3CADE6, #0161C9, #004A4C, #0E083B)
- Aubergine Boulevard color palette (#FFE5E9, #840091, #340017, #1D1008, #090002)
Browse the whole catalog at Explore, or see today's palette.