Iris Lagoon color palette — #F8E9E2 · #628DFF · #A58100 · #1C1100 · #040200

Lavender Blue and Mustard set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#F8E9E2): bright and airy, almost weightless.
• Lavender Blue (#628DFF): A luminous, vivid violet — the color of twilight just after sunset.
• Mustard (#A58100): A luminous, balanced gold — the color of afternoon light on wheat.
• Ink (#1C1100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Balance. Tagged neon, dark, vibrant.

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

• Wisteria Corridor color palette (#EDDFC7, #C882FF, #C58D00, #2C1C03, #0E0700)
• Airy Corridor color palette (#EBDBD6, #5490FF, #EA4000, #230A00, #060100)
• Dusty Bloom color palette (#E1DFFF, #09B2F0, #00AB8D, #03282C, #0B1505)
• Cypress Basin color palette (#E3ECE2, #C0D0C8, #AF9DAC, #00635D, #0F190D)
• Washed Dune color palette (#F6E1DE, #90C9FF, #00D572, #001818, #000303)
• Nightshade Pier color palette (#E2E7D6, #1AA85C, #3245B5, #00552A, #060005)
• Weathered Bronze color palette (#F9D2DE, #AC6B00, #00612B, #000F0C, #010100)
• Powdered Emerald color palette (#EDE2ED, #9F9700, #3C9200, #051A00, #080800)

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