Grape Garden color palette — #F5F3DF · #7F9C00 · #4B27CE · #3E4E00 · #0E0931
A conversation between Iris and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F3DF): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#7F9C00): A luminous, balanced green — the color of a quiet forest floor.
- Iris (#4B27CE): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Olive (#3E4E00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Indigo (#0E0931): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged duotone, vibrant.
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
- Grape Bloom color palette (#F0F4E4, #00AA57, #6A00C5, #005628, #16072C)
- Pale Amber color palette (#F9F1E1, #AE8900, #005695, #574400, #001226)
- Soft Lapis Study color palette (#F2F8EA, #4BBA87, #5A53BB, #006642, #2C1323)
- Aubergine Quarry color palette (#ECEBC1, #548510, #4F00AF, #4D2800, #271D00)
- Quiet Aubergine color palette (#E6EFDD, #00A07B, #732C78, #004E3A, #1F0209)
- Patina Emerald color palette (#DEF3F0, #00B347, #006775, #005D21, #000406)
- Lime Basin color palette (#E7FED9, #93CD00, #00B194, #0063D1, #002934)
- Quiet Aubergine color palette (#E1EDE0, #008885, #5D0083, #003A39, #0C0003)
Browse the whole catalog at Explore, or see today's palette.