Iris Lagoon color palette — #F8EFF2 · #CBDFF2 · #768CC1 · #066A77 · #242A45

Slate Blue takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Powder Blue (#CBDFF2): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#768CC1): A luminous, balanced violet — the color of wild irises.
• Peacock (#066A77): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#242A45): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Petrol Station color palette (#EFF7F7, #C7DFF7, #608DC2, #006B91, #364963)
• Denim Garden color palette (#EFDEEA, #67A8B6, #005F87, #003A31, #000A20)
• Ancient Cerulean Station color palette (#F9EEF6, #A4CFDE, #1388AA, #005E44, #00223C)
• Timeworn Grove color palette (#F0DFE7, #517F95, #003C6E, #001F1F, #01000C)
• Wandering Grove color palette (#FAF4EF, #C7E2E6, #8BA2E1, #008A9B, #5C3C4D)
• Washed Lagoon Grove color palette (#FCEBFF, #C17381, #009384, #1C778B, #27172A)
• Patina Mulberry Veranda color palette (#FAEDFD, #D98998, #22A0A1, #A13D57, #002E2F)
• Driftwood Study color palette (#FCECFC, #EDCFD1, #D1C490, #A57393, #3B2938)

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