Grape Lagoon color palette — #E7E9F7 · #9770EE · #8B8300 · #7700E7 · #121000

A conversation between Violet and Amethyst, giving this palette its sense of nature and growth.

The five colors

• Frost (#E7E9F7): bright and airy, almost weightless.
• Amethyst (#9770EE): A luminous, vivid violet — the color of a velvet chair.
• Olive Leaf (#8B8300): A full-bodied, balanced green — the color of new leaves after rain.
• Violet (#7700E7): A full-bodied, vivid violet — the color of wild irises.
• Ink (#121000): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns 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

• Faded Bloom color palette (#E4ECFB, #6D80F5, #967E00, #412CFE, #140F00)
• Aubergine Harbor color palette (#E3E2F2, #C77CE5, #7A8A02, #79009C, #0E1100)
• Aubergine Coast color palette (#F9DCEA, #7A5BDD, #007673, #4D00AF, #001313)
• Orchid Garden color palette (#E8E7FB, #B75DD9, #966C00, #156D0C, #100018)
• Tempered Aubergine color palette (#F0EDFC, #C06BC4, #0D8A20, #6D0074, #000900)
• Timeworn Byzantium color palette (#DFE2FF, #D3BBFF, #82BD03, #8F3DE8, #213500)
• Weathered Pier color palette (#F1F0D7, #1AB692, #9F00C9, #3C0C4B, #03000E)
• Antique Alley color palette (#F5D3E3, #6B00DB, #4D4D00, #32006D, #030300)

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