Grape Basin color palette — #DDE3FF · #B19FFF · #829700 · #6700DC · #2A3200
Built around Violet, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Frost (#DDE3FF): A whisper-light, dusty violet — the color of a velvet chair.
- Wisteria (#B19FFF): A luminous, balanced violet — the color of a velvet chair.
- Olive Leaf (#829700): A luminous, balanced green — the color of new leaves after rain.
- Violet (#6700DC): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Forest (#2A3200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Grape Basin 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 Field color palette (#D6E6FF, #8AADFF, #929100, #1738E8, #303000)
- Weathered Amethyst Thicket color palette (#FFF0F9, #AAA6FF, #4DB704, #6536F2, #0A2600)
- Grape Terrace color palette (#E2E1FF, #D48BFF, #00A475, #8400B5, #003825)
- Sunlit Dune color palette (#E6E0FF, #9457FF, #757500, #5E12B6, #303000)
- Byzantium Cabin color palette (#F3F4FF, #C791FF, #00B594, #944FD1, #004637)
- Gentle Archive color palette (#D0E8FE, #5BB8FF, #897E00, #006EAD, #332F00)
- Wandering Byzantium Boulevard color palette (#E8DFFF, #EA59E1, #00A38B, #AC00A7, #00372D)
- Hushed Blush color palette (#F3EAFF, #E67FBF, #00AE94, #A94A87, #003F35)
Browse the whole catalog at Explore, or see today's palette.