Tempered Grape Lagoon color palette — #C6E6DD · #506E00 · #6124B6 · #5D2400 · #00211A

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

The five colors

• Silver (#C6E6DD): A whisper-light, dusty teal — the color of sea glass.
• Olive (#506E00): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#6124B6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#5D2400): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#00211A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Tempered Grape Lagoon 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

• Pale Nightshade Boulevard color palette (#CFE4D5, #785F00, #3E3DB5, #6D0018, #01210F)
• Aubergine Villa color palette (#C4E5E9, #00735D, #7F2385, #502F00, #001F22)
• Airy Nightshade Garden color palette (#D7EEED, #006A38, #3C00B3, #3A1C00, #001514)
• Quiet Pier color palette (#E1E9CC, #238A4C, #582786, #670033, #060900)
• Quiet Pine Terrace color palette (#F1D5E6, #008E57, #005474, #5B1A00, #002A31)
• Gentle Garnet Grove color palette (#CCE5D8, #696500, #005C77, #650048, #002115)
• Emerald Grove color palette (#C2E7E4, #2BAD5F, #6D46AD, #862C55, #00201F)
• Dusty Olive color palette (#DFF4F0, #2E861D, #9E3852, #73253A, #062D29)

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