Grape Field color palette — #FFDBE7 · #7400AD · #4D4400 · #00301B · #080002

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

The five colors

• Shell Pink (#FFDBE7): A whisper-light, dusty rose — the color of a warm blush.
• Plum (#7400AD): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#4D4400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#00301B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#080002): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Grape Harbor color palette (#F0E3FF, #7200AF, #314D00, #1C2F00, #140422)
• Worn Mulberry color palette (#FFE5E6, #8F0072, #324D00, #002F2A, #070004)
• Velvet Summit color palette (#F0D7E8, #3C2FC8, #623800, #222C00, #010011)
• Softworn Byzantium color palette (#DDDEFE, #9B00E5, #745E00, #005031, #150323)
• Quiet Plum color palette (#F8DEDF, #B80091, #4B6600, #004541, #1A0012)
• Aged Canyon color palette (#EAE2D5, #A62580, #740013, #00260F, #110005)
• Sapphire Coast color palette (#FAE7FB, #0071D4, #5C6700, #003F53, #000104)
• Hazy Summit color palette (#F4E6EA, #9A57B6, #7E1500, #54006E, #030100)

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