Grape Orchard color palette — #DDE2FF · #7441CB · #573200 · #001A15 · #000201

Violet and Cocoa set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#DDE2FF): A whisper-light, dusty violet — the color of a velvet chair.
• Violet (#7441CB): A full-bodied, vivid violet — the color of twilight just after sunset.
• Cocoa (#573200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#001A15): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000201): quiet, heavy and certain.

Feels like: Optimism, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant, muted.

Use it as a design system

One click turns Grape Orchard 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

• Eclipse Chapel color palette (#F4DAE7, #5400B9, #3C2400, #001817, #000508)
• Cellar Ultramarine color palette (#D6E7FB, #0064C8, #750401, #161700, #000200)
• Nocturne Workshop color palette (#F1ECFB, #8D0086, #312C00, #25232A, #000A0B)
• Inked Mulberry Veranda color palette (#EEE5FB, #810063, #510C00, #170F00, #020007)
• Muted Ultramarine color palette (#FCE8EF, #83BFE7, #2D62BF, #003D41, #020012)
• Twilit Meadow color palette (#F6E6FE, #BA0168, #244600, #001A1A, #000103)
• Peony Market color palette (#EBDEEF, #C244AF, #8A0045, #41000B, #110100)
• Dusty Wisteria Coast color palette (#F3F4FF, #AE77FF, #9A5900, #004A45, #001619)

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