Tempered Grape color palette — #FFF1F6 · #CDA1FF · #67A013 · #7336A9 · #0F1D00

Plum and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#CDA1FF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#67A013): A luminous, vivid green — the color of a quiet forest floor.
• Plum (#7336A9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#0F1D00): 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

• Byzantium Chapel color palette (#EDD7DF, #D4AFFF, #8BB22D, #8E3BD2, #212E00)
• Worn Boulevard color palette (#FFF1F2, #F293DA, #00A670, #93257E, #001F11)
• Misty Boulevard color palette (#FFF0FB, #A1B4FF, #A28D00, #3D46C6, #1D1800)
• Chalky Meadow color palette (#FFE7EB, #D773D8, #008E26, #730076, #000B01)
• Patina Orchid Grove color palette (#DADBF8, #A86AE6, #497A00, #530584, #1A3000)
• Plum Canyon color palette (#FFF1F5, #FF85AE, #00B2A2, #C20066, #002520)
• Hazy Veranda color palette (#CFE1F6, #417FD4, #007D6B, #004291, #001712)
• Hazy Wisteria Thicket color palette (#FFF1F5, #B073D4, #B17300, #007B78, #15031F)

Browse the whole catalog at Explore, or see today's palette.