Grape Field color palette — #F3F8E6 · #00AE5D · #633BD8 · #552D00 · #170900

A conversation between Iris and Kelly Green, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F8E6): A whisper-light, dusty green — the color of new leaves after rain.
• Kelly Green (#00AE5D): A luminous, vivid teal — the color of glacier melt.
• Iris (#633BD8): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#552D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#170900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Byzantium Pier color palette (#ECFBE4, #00A992, #8C30AD, #532E00, #160900)
• Gentle Ultramarine color palette (#F9F6E2, #88A006, #0A53D9, #6A1100, #1F0200)
• Soft Violet color palette (#F0F9E5, #00C38F, #9053C9, #674000, #291700)
• Linen Quarry color palette (#EAF8E0, #008F77, #730598, #312200, #030100)
• Linen Aubergine color palette (#CDE4DF, #3E840D, #551B87, #421A00, #170500)
• Cobalt Cabin color palette (#CDE7ED, #00BAB1, #008CD4, #68519B, #00270F)
• Airy Dune color palette (#CDE7EB, #007A6B, #293C91, #58002E, #2A1D00)
• Airy Lilac Studio color palette (#F1F8ED, #65D1B9, #9F71CD, #7C5200, #292F03)

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