Sunlit Lagoon color palette — #FFF0F9 · #8384F5 · #957D00 · #511FE9 · #463A00

Iris and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender Blue (#8384F5): A luminous, vivid violet — the color of twilight just after sunset.
• Olive Leaf (#957D00): A full-bodied, balanced green — the color of fresh herbs.
• Iris (#511FE9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#463A00): 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 Sunlit 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

• Aged Lapis color palette (#ECF2FF, #838BFA, #978300, #492FDF, #272000)
• Feathered Ultramarine Hollow color palette (#FFF0FE, #5D93E7, #A37500, #0054C2, #4E3600)
• Tempered Lantern color palette (#FFF1F5, #A97AD9, #8A8200, #7F00C5, #403C00)
• Pale Indigo Orchard color palette (#FFF0FA, #9BA5FF, #B8A418, #5B58E4, #443B00)
• Nightshade Bloom color palette (#EED6E7, #6A76C9, #617D11, #3100BC, #222E00)
• Gentle Hollow color palette (#FFF1F6, #AF8DF1, #1B991C, #6400B6, #074808)
• Wandering Violet color palette (#FFE2EE, #8C68CE, #8B6E00, #526318, #362555)
• Chalky Byzantium color palette (#FFF1F3, #BD8BC1, #609B54, #93379D, #2D4B27)

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