Grape Lagoon color palette — #D9DCF6 · #7E0EDA · #4F5A00 · #343C00 · #17182F

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

The five colors

• Thistle (#D9DCF6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Violet (#7E0EDA): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#4F5A00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#343C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Midnight (#17182F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Powdered Basin color palette (#DBE0F9, #7742CC, #554500, #00343C, #051B2B)
• Byzantium Canyon color palette (#ECEDFF, #9341C7, #4B6D23, #344E15, #252438)
• Sunlit Byzantium color palette (#E1D8FC, #A1009E, #006432, #004420, #1E1431)
• Aubergine Lantern color palette (#ECE6FA, #880095, #393D00, #282A00, #00141D)
• Ultramarine Lagoon color palette (#CBE1F9, #0062B5, #5D5500, #3E3900, #061B31)
• Wandering Byzantium Corridor color palette (#B2EBE7, #8E4BDF, #891D31, #003C3A, #271E3A)
• Wandering Hollow color palette (#F7E2E9, #8038BD, #98231F, #003D4C, #0E011B)
• Muted Violet color palette (#F4F4FF, #9968BC, #008470, #036152, #313045)

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