Tempered Grape color palette — #FFF0F7 · #BBA9FF · #979100 · #633CB5 · #1B1900
Plum and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF0F7): bright and airy, almost weightless.
- Lavender (#BBA9FF): A luminous, balanced violet — the color of a velvet chair.
- Moss (#979100): A luminous, balanced green — the color of new leaves after rain.
- Plum (#633CB5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#1B1900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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 Canyon color palette (#FFF1F5, #D79BFF, #4DA500, #7F26AC, #081E00)
- Airy Boulevard color palette (#FFF0FE, #90B9FF, #B68200, #0950C5, #221600)
- Violet Lantern color palette (#FFF1F6, #D0ABFF, #98B62D, #8C53C6, #232C00)
- Aubergine Grove color palette (#FFE7ED, #C57DE5, #258D09, #6A008A, #010B00)
- Tempered Courtyard color palette (#E5E8FF, #8D68C7, #7D6A00, #5A139C, #171200)
- Mulberry Cabin color palette (#FFF1F1, #FA8ED6, #00A675, #9E007C, #001E12)
- Gentle Market color palette (#FFF1F6, #A276E7, #BE6900, #007C6D, #1C020F)
- Violet Station color palette (#D5DDFA, #7F69D8, #007A77, #4C2E99, #00302F)
Browse the whole catalog at Explore, or see today's palette.