Grape Garden color palette — #F1F5FF · #786CD3 · #82269E · #0D4E06 · #2F1B70
A conversation between Plum and Cornflower Indigo, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Cornflower Indigo (#786CD3): A full-bodied, balanced violet — the color of wild irises.
- Plum (#82269E): A full-bodied, vivid pink — the color of peonies in June.
- Deep Olive (#0D4E06): A deep, shadowed, balanced green — the color of new leaves after rain.
- Royal Purple (#2F1B70): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.
Use it as a design system
One click turns Grape Garden 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
- Muted Quarry color palette (#EBF2FF, #5773BE, #8D2753, #004632, #132462)
- Soft Byzantium color palette (#E4E5FF, #9037D1, #7B3300, #003A45, #350055)
- Tempered Aubergine color palette (#E9F8FF, #008CA4, #7F3291, #3C4500, #003742)
- Muted Indigo color palette (#F1F5FF, #7269E0, #5146AE, #731C00, #003741)
- Muted Terracotta color palette (#F2F5FF, #857FC0, #924C41, #00525A, #36315D)
- Cobalt Study color palette (#FEF1FA, #A8D6EC, #1E85CB, #00694F, #313B6D)
- Violet Pier color palette (#FFECF5, #865EFC, #AC060D, #2E4000, #001B25)
- Shadow Grape Parlor color palette (#E7E9FF, #7D42C3, #441931, #141430, #090713)
Browse the whole catalog at Explore, or see today's palette.