Grape Field color palette — #F5F4FF · #8541A9 · #005530 · #003943 · #0A202C

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

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Plum (#8541A9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#005530): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Teal (#003943): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#0A202C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant, muted.

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

• Patina Terrace color palette (#F8F2FF, #B9286F, #005555, #003C3C, #0D1B30)
• Grape Grove color palette (#F3F4FF, #733DC8, #614A00, #3E3200, #061F29)
• Raspberry Studio color palette (#F7EDFF, #BA4682, #505A00, #004154, #122640)
• Mulberry Balcony color palette (#E6E1F1, #830065, #00352A, #002124, #000510)
• Tempered Plum color palette (#F8EEFB, #A7425E, #714100, #004141, #120317)
• Washed Atelier color palette (#D2FAE5, #C45A9C, #963909, #004858, #3A293E)
• Wandering Pewter Canyon color palette (#F7F3FB, #E9D3D9, #C0ADB7, #8A4D6B, #3E3843)
• Wandering Amber color palette (#FEF1FA, #C2704C, #247A7C, #1A5B5D, #31303F)

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