Soft Lagoon color palette — #F7E3ED · #9083D5 · #818100 · #573CA6 · #1E1E00

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

The five colors

• Blush (#F7E3ED): A whisper-light, dusty rose — the color of strawberry cream.
• Lavender Blue (#9083D5): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#818100): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#573CA6): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#1E1E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Frosted Aubergine color palette (#F9E2E8, #AA7CBE, #2B915F, #71378A, #002312)
• Linen Denim Quarry color palette (#F3E3F5, #4F95DC, #937A00, #005699, #231B00)
• Gentle Amethyst Veranda color palette (#EBEDFD, #AF9BDC, #BD9917, #7C44CA, #423400)
• Faded Violet color palette (#F0DEE6, #8663CD, #727400, #506500, #170C2B)
• Nightshade Harbor color palette (#FAE9F1, #8F80CD, #C24F3F, #5D38AE, #58221A)
• Powdered Byzantium Hollow color palette (#F5E2E8, #8545BE, #5A5D00, #4C007A, #080800)
• Patina Magenta color palette (#FCE7F7, #E549D1, #00864A, #6F0064, #001C0B)
• Tempered Atelier color palette (#F2F4FF, #C3B1FF, #E48A7B, #7C64BD, #451710)

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