Grape Ridge color palette — #F3D7E3 · #7938D2 · #513600 · #001A19 · #000202

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

The five colors

• Shell Pink (#F3D7E3): A whisper-light, dusty rose — the color of pressed rose petals.
• Violet (#7938D2): A full-bodied, vivid violet — the color of wild irises.
• Cocoa (#513600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#001A19): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

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

Use it as a design system

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

• Plum Dune color palette (#FFEAEB, #AE0098, #453C00, #001921, #000107)
• Lapis Grove color palette (#EAD8E6, #3841FC, #730B00, #001B09, #000201)
• Nocturne Nightshade color palette (#DCE3F2, #3219C5, #392600, #001413, #000201)
• Aubergine Meadow color palette (#EDEAFF, #740089, #421F00, #00190A, #000716)
• Mulberry Hollow color palette (#F9DBDE, #820079, #403D36, #22100C, #120003)
• Eclipse Garnet color palette (#D8EFE9, #006BB0, #75010C, #001C04, #000200)
• Tempered Ultramarine color palette (#F7ECE0, #79BEF5, #2D59D8, #003D44, #030011)
• Quiet Orchard color palette (#E8DFFA, #D600BE, #BC0025, #5E3B00, #060025)

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