Tempered Grape Ridge color palette — #FAE1EF · #8A88CD · #8B7D00 · #5128CA · #211C00
A conversation between Iris and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Blush (#FAE1EF): A whisper-light, dusty pink — the color of neon signs at night.
- Lavender Blue (#8A88CD): A luminous, balanced violet — the color of a velvet chair.
- Olive Leaf (#8B7D00): A full-bodied, balanced green — the color of fresh herbs.
- Iris (#5128CA): A full-bodied, vivid violet — the color of twilight just after sunset.
- Onyx (#211C00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Tempered 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
- Patina Garden color palette (#FFE6F5, #8381DB, #8D7700, #4E44A9, #403500)
- Aubergine Basin color palette (#FCE1E7, #AB7CBC, #897E00, #7D2098, #201D00)
- Feathered Basin color palette (#FFECF3, #AB98D1, #729D46, #7447B3, #1A2E02)
- Bronze Ridge color palette (#D8EFE7, #5299C9, #9E7400, #005B88, #271A00)
- Soft Orchid Ridge color palette (#FFE3EA, #B255DB, #00875A, #720097, #001C0F)
- Feathered Indigo color palette (#FBDDED, #776EC2, #6E7500, #2B652E, #130C31)
- Quiet Aubergine color palette (#FAE0ED, #6D52C5, #535F00, #3D008D, #070900)
- Indigo Lantern color palette (#F1F5FF, #B5B7FE, #B6AB3A, #6A56EB, #2D2900)
Browse the whole catalog at Explore, or see today's palette.