Iris Lagoon color palette — #FFF1F6 · #DADFF2 · #6695FF · #00717C · #260466
Built around Lavender Blue, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Frost (#DADFF2): A whisper-light, dusty violet — the color of wild irises.
- Lavender Blue (#6695FF): A luminous, vivid violet — the color of wild irises.
- Teal (#00717C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#260466): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, light.
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
- Tempered Azure color palette (#FFF0FB, #D4D9F6, #00A5EB, #007465, #002055)
- Sapphire Boulevard color palette (#FFF3E7, #6BC0FF, #2F61E0, #00545D, #302A5D)
- Aged Indigo Dune color palette (#FEF1F5, #A7D0FA, #5970D6, #004F5C, #10002D)
- Orchid Boulevard color palette (#D8FFF5, #9CD649, #AE6DF9, #4B7000, #2B004D)
- Patina Dune color palette (#E8DBE5, #67AFB8, #005D79, #002D20, #000104)
- Aged Lagoon Hollow color palette (#FBF2F8, #D3D5E4, #6DC9E9, #00996E, #274259)
- Plum Studio color palette (#DFFFE3, #15BF55, #7972FF, #B700A2, #001805)
- Faded Boulevard color palette (#EAFEC7, #C7F3F0, #AFDEFF, #9B8700, #003816)
Browse the whole catalog at Explore, or see today's palette.