Tempered Grape color palette — #D9E8E0 · #757100 · #5B38BD · #3E3B00 · #1D044B

Plum and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#D9E8E0): bright and airy, almost weightless.
• Olive (#757100): A full-bodied, balanced green — the color of a quiet forest floor.
• Plum (#5B38BD): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#3E3B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#1D044B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Energy, 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

• Soft Garden color palette (#DAF0E3, #7D6A00, #6B21C0, #403600, #0C0020)
• Lapis Thicket color palette (#EAE5D2, #969F30, #5344E0, #525800, #160056)
• Feathered Aubergine color palette (#CDF0EA, #45902C, #6F1C89, #144500, #2D003B)
• Pale Delta color palette (#D7E6D6, #936200, #005B9E, #4F3300, #001B35)
• Byzantium Study color palette (#BDF1E9, #42AF23, #A139B8, #185E00, #390045)
• Indigo Boulevard color palette (#F2EBD5, #BBB52D, #7561E9, #797400, #190E43)
• Garnet Studio color palette (#E4E9C9, #5A6000, #005576, #710042, #111300)
• Olive Archive color palette (#E1FDF2, #9AA766, #907DBC, #606E00, #463B5F)

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