Tempered Grape color palette — #FFF1F0 · #FFA1CA · #0BB86B · #7949BB · #3A1E5E
Violet and Clover set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F0): bright and airy, almost weightless.
- Carnation (#FFA1CA): A luminous, balanced rose — the color of a warm blush.
- Clover (#0BB86B): A luminous, vivid teal — the color of sea glass.
- Violet (#7949BB): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#3A1E5E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, 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
- Frosted Indigo Bloom color palette (#FFF1F1, #FF9ED8, #00AA52, #5065E5, #1D266C)
- Tempered Bloom color palette (#FFF2EE, #FF939A, #00AEB1, #984EC0, #421A58)
- Gentle Blush color palette (#F2DBD9, #FF78B2, #07A061, #7A2C8F, #310B39)
- Wandering Study color palette (#FFF1F3, #F39DFF, #25AA1C, #0080AD, #00354B)
- Turquoise Harbor color palette (#FFF2ED, #F9A39F, #00B5BE, #B35D7B, #512A37)
- Stone Courtyard color palette (#FFE3ED, #F7BFA2, #AEB96C, #9C81B7, #544166)
- Tempered Basin color palette (#FFF3E9, #FFAC74, #009AD0, #B537A7, #501049)
- Quiet Apricot color palette (#FFF3E9, #FF8B33, #009842, #00558A, #40002F)
Browse the whole catalog at Explore, or see today's palette.