Tempered Grape color palette — #F7EFDC · #7B6E00 · #5933C5 · #413A00 · #1C0050
Iris takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7EFDC): A whisper-light, dusty gold — the color of old brass.
- Olive (#7B6E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Iris (#5933C5): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#413A00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Deep Indigo (#1C0050): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Tempered Grape 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
- Grape Quarry color palette (#F4EFD6, #6D7400, #8517A5, #393D00, #2D003B)
- Gentle Delta color palette (#F8E4CE, #985E00, #0056AE, #523100, #00193C)
- Frosted Loft color palette (#F2EEDF, #5F5E00, #4A1BC2, #4B0095, #131300)
- Linen Balcony color palette (#E5E9BE, #46AE23, #9A23DE, #1B5E00, #340050)
- Hazy Violet color palette (#DAF8E7, #C5B12D, #7F5CE9, #807100, #1C0C43)
- Wandering Courtyard color palette (#DBF3E8, #6E7100, #00646E, #383900, #000A0C)
- Lilac Balcony color palette (#FBF5E1, #A5A365, #A073C2, #6D6900, #4E3661)
- Sunlit Mulberry Corridor color palette (#ECF4DA, #006137, #6F0054, #002814, #11000B)
Browse the whole catalog at Explore, or see today's palette.