Iris Lagoon color palette — #FDF5E1 · #ABA165 · #7782D0 · #746600 · #393F64

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

The five colors

• Cream (#FDF5E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ABA165): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#7782D0): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#746600): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#393F64): A deep, shadowed, dusty 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

• Pale Iris color palette (#F9F1E3, #C29F43, #927DD2, #7D6000, #292043)
• Powdered Olive color palette (#F6F6E9, #8AAC6F, #A176B5, #457500, #52355F)
• Ancient Periwinkle Bloom color palette (#EAFAF1, #C0BC65, #8A9EF7, #8A841A, #324262)
• Quiet Chestnut color palette (#FFF2E9, #CA906E, #0097C2, #9D4B00, #004A60)
• Pale Plum Coast color palette (#FDF5DD, #8F8C46, #0087AE, #A14079, #3A3831)
• Timeworn Delta color palette (#FDF4E2, #AFA787, #7E733C, #684C15, #433F00)
• Grape Bloom color palette (#EBE6BF, #85A122, #8326C2, #455600, #420068)
• Washed Raspberry color palette (#E8F2E3, #30A28C, #B94B82, #006556, #54203A)

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