Grape Field color palette — #DDFFE8 · #AF8E00 · #0088C0 · #6721B7 · #110C00
Plum and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DDFFE8): A whisper-light, dusty teal — the color of sea glass.
- Mustard (#AF8E00): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#0088C0): A full-bodied, balanced blue — the color of open sky before noon.
- Plum (#6721B7): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#110C00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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
- Soft Sapphire Studio color palette (#DAFFEE, #A8A926, #0067E2, #7F2090, #0E0E00)
- Washed Ultramarine color palette (#FFF3E9, #D47700, #008E9D, #263CCA, #180800)
- Dusty Aubergine Balcony color palette (#DEFEED, #909200, #0060A8, #670072, #0F0300)
- Tempered Lantern color palette (#DAFEF7, #62B132, #6A54B2, #7D255F, #020A00)
- Sunlit Aubergine color palette (#FFF4DE, #89BE00, #008764, #56169F, #021F01)
- Dusty Garden color palette (#F2E3C7, #7E6500, #005F8C, #53008A, #281E00)
- Plum Lagoon color palette (#DEFDF4, #9EC840, #7076D8, #A33384, #151F00)
- Jade Coast color palette (#DDFDF9, #53B763, #8B7CC8, #913F63, #001A18)
Browse the whole catalog at Explore, or see today's palette.