Grape Field color palette — #F3D5E0 · #6C10B3 · #564000 · #003019 · #04000C

A conversation between Plum and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F3D5E0): A whisper-light, dusty rose — the color of a warm blush.
• Plum (#6C10B3): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#564000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#003019): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#04000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Depth. Tagged dark, 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

• Velvet Aubergine color palette (#F7E7EA, #7600A3, #3D3600, #001C15, #000105)
• Linen Summit color palette (#F7DEF1, #2B34CB, #643700, #242B00, #060005)
• Mulberry Lantern color palette (#FFE5E3, #930060, #005314, #002E30, #080000)
• Aged Violet color palette (#E9EAFB, #8054B7, #775C00, #00511F, #140227)
• Antique Mulberry Hollow color palette (#F7E5CA, #973B83, #73001F, #002607, #110007)
• Faded Plum Loft color palette (#EBDAE7, #B4009F, #436800, #00463E, #190015)
• Weathered Plum color palette (#FFE8E4, #C03865, #A9273A, #2A4100, #040001)
• Muted Aubergine color palette (#F7E8E9, #C0AEAD, #A4857E, #662463, #140608)

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