Iris Bloom color palette — #F1E9E1 · #9CC5E8 · #6C8EE5 · #007B89 · #201248

Lavender Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F1E9E1): bright and airy, almost weightless.
• Sky (#9CC5E8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#6C8EE5): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007B89): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#201248): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Iris Bloom 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

• Azure Workshop color palette (#E7DCD7, #8CCDD3, #00A1CA, #00805F, #00213B)
• Pale Cobalt Meadow color palette (#E2EEED, #97B5D1, #1875CF, #005573, #021A4C)
• Timeworn Sky Loft color palette (#FFF2EB, #A6E5F8, #3DB5FD, #009989, #01297A)
• Denim Lagoon color palette (#EEDAE0, #67A3D2, #3051A7, #00383F, #0C002B)
• Antique Magenta Coast color palette (#E1DFCF, #98C03B, #C25CDE, #4F6800, #2E0039)
• Frosted Emerald Courtyard color palette (#FDF3ED, #D1EECE, #00CCE8, #00AC5F, #004662)
• Muted Teal color palette (#FAF4F0, #D0E5E5, #A9CAEE, #5DB3B0, #65485E)
• Aged Moss Station color palette (#E6E6D7, #9ED4BD, #3EC6DD, #9C8C00, #08320C)

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