Grape Field color palette — #DAF1E8 · #849122 · #5E1FCB · #434A00 · #120035

Built around Plum, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DAF1E8): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#849122): A luminous, balanced green — the color of new leaves after rain.
• Plum (#5E1FCB): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#434A00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#120035): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Aubergine Boulevard color palette (#CFEFE8, #5B9C22, #7B269D, #295100, #1C0028)
• Grape Pier color palette (#EDE9D5, #88951F, #7800C9, #3A4000, #020006)
• Hushed Ultramarine color palette (#DCF1DF, #987000, #3B53DA, #594000, #04003F)
• Frosted Byzantium Courtyard color palette (#F1E8C8, #A8A62A, #930EE8, #686600, #19002D)
• Pale Aubergine color palette (#CAE6DD, #546800, #511BB4, #273200, #120035)
• Bronze Thicket color palette (#FAD9E3, #A76700, #006CA6, #623B00, #00111F)
• Powdered Orchard color palette (#C2E9EA, #008D64, #AA277C, #005339, #230016)
• Faded Harbor color palette (#DCE3D0, #597100, #006095, #8B0042, #050900)

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