Grape Field color palette — #D6F0E6 · #85961F · #6F2DB8 · #384100 · #020007

Plum and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D6F0E6): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#85961F): A luminous, balanced green — the color of new leaves after rain.
• Plum (#6F2DB8): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#384100): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Lapis Balcony color palette (#DBF3E5, #8F7F00, #4A41F3, #453C00, #01000A)
• Mulberry Field color palette (#C4EBE8, #24A652, #98008A, #00491E, #030003)
• Muted Aubergine Basin color palette (#F3EED3, #566300, #5C00AD, #272E00, #040010)
• Ancient Amethyst Lantern color palette (#D3EAE2, #8FAF2A, #6D52D0, #566C00, #110036)
• Ancient Cobalt color palette (#FFEDD9, #AE6E00, #0068BA, #553300, #000104)
• Garnet Terrace color palette (#E4EFD4, #567300, #005C94, #7E0038, #010100)
• Garnet Lagoon color palette (#F6EECD, #5E6500, #90002A, #2C3000, #260005)
• Quiet Orchard color palette (#BFFCFB, #00A7A7, #D9245C, #005959, #170004)

Browse the whole catalog at Explore, or see today's palette.