Tempered Grape color palette — #E2F1E3 · #30C53A · #009DB5 · #7600E9 · #000B14

Violet and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E2F1E3): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#30C53A): A luminous, vivid green — the color of fresh herbs.
• Cerulean (#009DB5): A luminous, balanced blue — the color of deep harbor water.
• Violet (#7600E9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged candy, vibrant, light.

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

• Timeworn Lapis Archive color palette (#DFF4D9, #72B937, #009898, #5143FF, #000F12)
• Misty Clover color palette (#E6F5FF, #00D265, #00A0BC, #7B39B9, #000103)
• Byzantium Atelier color palette (#CEE6DA, #00C187, #0099BF, #9A00E4, #000329)
• Aged Parlor color palette (#CAE8DF, #00B09C, #007AD4, #890094, #00010F)
• Cornflower Balcony color palette (#DCF2E5, #00CEB7, #00B5DC, #2784F8, #001018)
• Washed Navy Lantern color palette (#CBE7F6, #009D8F, #007A8D, #00469E, #000F19)
• Plum Ridge color palette (#FBE7FD, #00BDBB, #4979FF, #B2009B, #08002F)
• Ancient Coast color palette (#DEE9D0, #B59A00, #00A47F, #00679D, #000C0A)

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