Grape Field color palette — #F9E1F0 · #4A00DD · #544300 · #332800 · #01000E
A conversation between Iris and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Blush (#F9E1F0): A whisper-light, dusty pink — the color of peonies in June.
- Iris (#4A00DD): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Olive (#544300): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Espresso (#332800): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#01000E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Grape Field 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
- Nocturne Nightshade color palette (#DFE9FF, #3D2FB6, #593000, #101D00, #01000A)
- Smoked Terrace color palette (#E7DBF2, #7500AE, #2A5100, #173100, #060002)
- Ancient Canyon color palette (#D2F6EC, #00568E, #653900, #3E2100, #000205)
- Sunlit Byzantium Villa color palette (#DFE0F0, #8846BF, #AA2C3A, #3A4F00, #030009)
- Pale Villa color palette (#DDEBC9, #7425DD, #710044, #00261D, #08000D)
- Gentle Grove color palette (#FFE8EE, #9A29D1, #00734E, #004F39, #160420)
- Wandering Indigo Boulevard color palette (#E9DDE6, #5059FC, #860016, #2403A3, #050100)
- Aged Plum Workshop color palette (#FBE4E5, #A70082, #00624B, #004030, #0E0008)
Browse the whole catalog at Explore, or see today's palette.