Grape Lagoon color palette — #F3F4FF · #C3A6FF · #7E9A00 · #6B3AAE · #151B00

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#C3A6FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#7E9A00): A luminous, balanced green — the color of new leaves after rain.
• Plum (#6B3AAE): A full-bodied, vivid violet — the color of wild irises.
• Ink (#151B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Muted Nightshade color palette (#F1F5FF, #ACB0FF, #BE7D00, #504CAA, #241400)
• Violet Alley color palette (#F3F4FF, #D2AAFF, #7EBB64, #895BB7, #162F0B)
• Tempered Fuchsia color palette (#F7F3FF, #FF85E6, #39A553, #8D2F7C, #001F07)
• Softworn Studio color palette (#EDECFF, #D169FF, #008D43, #641A82, #000B02)
• Gentle Lagoon color palette (#F4D4E0, #8C6ABF, #647300, #6000A7, #262D00)
• Patina Plum Cabin color palette (#FFF1F5, #FFA0BF, #00AE89, #B30060, #00251B)
• Chalky Violet Chapel color palette (#F1D5E0, #BE97FF, #ED7C56, #975DE4, #4B1300)
• Worn Pine Boulevard color palette (#F2F5FF, #A78EFF, #0F881D, #007561, #0E0524)

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