Iris Lagoon color palette — #E1FDEC · #DBBF2C · #727DEC · #8B7700 · #2F3469

Periwinkle takes the lead with Saffron close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E1FDEC): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#DBBF2C): A luminous, balanced green — the color of a quiet forest floor.
• Periwinkle (#727DEC): A luminous, vivid violet — the color of twilight just after sunset.
• Walnut (#8B7700): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2F3469): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Lime Field color palette (#D4F8EC, #A5C948, #8374D1, #647D1E, #352E59)
• Honey Harbor color palette (#FFF4DC, #E0C756, #94A8FF, #937D00, #1E2467)
• Marigold Terrace color palette (#FFF1F5, #FFAA45, #0093DB, #A86600, #003F61)
• Muted Indigo Dune color palette (#DEFFE7, #C49E25, #6959D3, #715900, #362F6D)
• Airy Lime Corridor color palette (#E2FCF7, #86CD70, #CA8BCA, #5A9148, #543654)
• Airy Indigo color palette (#F8EDB1, #C8B12F, #8666CA, #596DE8, #0F3925)
• Soft Alley color palette (#D7FFFB, #32E36B, #C671E5, #007E33, #4F265D)
• Feathered Coast color palette (#D3F5EC, #77A925, #8936B0, #3E5E00, #2B003D)

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