Iris Lagoon color palette — #F0F5FF · #7C99F1 · #BE772C · #546900 · #07142D
Lavender Blue takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Lavender Blue (#7C99F1): A luminous, balanced violet — the color of a velvet chair.
- Mustard (#BE772C): A luminous, balanced gold — the color of honey in a jar.
- Olive (#546900): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#07142D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, 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
- Hushed Lilac color palette (#F3F4FF, #AC88E4, #A4870F, #00733F, #12122A)
- Chalky Ember color palette (#ECF7FF, #53A8D9, #D0645F, #765C00, #001728)
- Iris Summit color palette (#F2F5FF, #8B85E0, #9D6000, #2F5C00, #000B13)
- Quiet Olive color palette (#F2F5FF, #B2A8EB, #BF974C, #4B8429, #1E233A)
- Worn Mallow color palette (#E3FDE8, #C6A5EF, #AA628E, #515600, #2E1635)
- Amber Grove color palette (#DFF1FF, #6BCDFF, #CE7000, #00978D, #142937)
- Tempered Market color palette (#D4F1E7, #007BBF, #606C00, #404904, #00150F)
- Misty Sapphire Balcony color palette (#FBE8F7, #4865D5, #924B12, #434A00, #321F2E)
Browse the whole catalog at Explore, or see today's palette.