Grape Ridge color palette — #F8E9FC · #8900A3 · #315A00 · #004A2F · #040006
Built around Plum, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Blush (#F8E9FC): A whisper-light, dusty pink — the color of neon signs at night.
- Plum (#8900A3): A full-bodied, vivid pink — the color of a candy shop window.
- Deep Olive (#315A00): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004A2F): A deep, shadowed, balanced teal — the color of sea glass.
- Black (#040006): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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
- Powdered Mulberry color palette (#F8E5F0, #9A0076, #005D34, #004245, #060003)
- Misty Orchard color palette (#EAE9F9, #6100DC, #564F00, #004526, #02000C)
- Eclipse Aubergine Thicket color palette (#FFE2FA, #6C0066, #0D3F00, #00261C, #050004)
- Softworn Corridor color palette (#FADAE3, #BC2E6F, #6A6B00, #006340, #060002)
- Powdered Archive color palette (#FFE2E6, #D5005B, #007A6D, #0E5B73, #28010C)
- Muted Coast color palette (#EBEAD7, #5C7B27, #4B4700, #322000, #030400)
- Linen Ember color palette (#EFD9F4, #D381AA, #CB623B, #4B458A, #1A0004)
- Olive Coast color palette (#F1D8D6, #777B00, #520034, #120008, #010201)
Browse the whole catalog at Explore, or see today's palette.