Shadow Lagoon color palette — #DEDEFD · #7700A9 · #364C00 · #1E2D00 · #02000F

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

The five colors

• Thistle (#DEDEFD): A whisper-light, dusty violet — the color of wild irises.
• Plum (#7700A9): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#364C00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#1E2D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#02000F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.

Use it as a design system

One click turns Shadow 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 Grape Corridor color palette (#ECECFF, #5114CE, #384C00, #202D00, #010011)
• Charred Workshop color palette (#EEEDFF, #800092, #003716, #001F1A, #000103)
• Ancient Mulberry color palette (#EDE2F3, #960055, #005044, #002F28, #080002)
• Navy Garden color palette (#E3EFFE, #004DA7, #544100, #322500, #00020A)
• Byzantium Canyon color palette (#FFE4EC, #8D49BB, #745E00, #005035, #1F020D)
• Plum Pier color palette (#FFE0F3, #B80091, #006C4C, #004731, #1A0012)
• Hazy Violet color palette (#E5E6F5, #8E56CF, #6A3100, #4A007E, #040002)
• Worn Byzantium Pier color palette (#FFE7EE, #A301E8, #A82C10, #003F52, #040001)

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