Grape Garden color palette — #D4E8D3 · #009A99 · #6345C9 · #80001A · #1F2200
A conversation between Iris and Oxblood, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D4E8D3): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#009A99): A luminous, balanced teal — the color of glacier melt.
- Iris (#6345C9): A full-bodied, vivid violet — the color of a velvet chair.
- Oxblood (#80001A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Onyx (#1F2200): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Powdered Market color palette (#E7F7EA, #00A9B7, #7C55CB, #83312D, #2A2F00)
- Grape Lantern color palette (#D4E2D9, #00829A, #6A00BE, #650010, #141200)
- Hushed Parlor color palette (#D9E6D1, #009C83, #0053E1, #780052, #2E1B00)
- Airy Indigo Villa color palette (#C9E8E9, #00BF87, #7C71E1, #9F4100, #2B1C00)
- Frosted Ultramarine color palette (#E8F8FF, #00A4B5, #0F60BF, #4B1B70, #001106)
- Misty Plum color palette (#CDE9DF, #008ED6, #A51F85, #593C00, #00261E)
- Hushed Delta color palette (#D8F1D8, #76ABC2, #6980AF, #77474C, #502800)
- Aubergine Parlor color palette (#D3EEE4, #006E9F, #6E007F, #441600, #040900)
Browse the whole catalog at Explore, or see today's palette.