Iris Basin color palette — #F9EEE3 · #7EC8FE · #6590E5 · #007B86 · #1D1743

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

The five colors

• Cream (#F9EEE3): bright and airy, almost weightless.
• Sky (#7EC8FE): A luminous, balanced blue — the color of open sky before noon.
• Lavender Blue (#6590E5): A luminous, balanced violet — the color of wild irises.
• Teal (#007B86): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#1D1743): A deep, shadowed, dusty 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 Basin 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

• Weathered Azure color palette (#F8EBE5, #6AD1E2, #009FD3, #008067, #001F41)
• Cobalt Lantern color palette (#D7F0EF, #74B9ED, #1577CA, #005571, #041D45)
• Antique Quarry color palette (#FFF2EB, #8DEAFF, #25B7FB, #009A84, #043069)
• Cobalt Corridor color palette (#FFF1F6, #A5D2F2, #5774CD, #005150, #12002B)
• Weathered Lagoon color palette (#FFF2EC, #C4EBD0, #70BCE3, #419E87, #49304B)
• Gentle Ultramarine Harbor color palette (#D8E3DA, #74A2C5, #0554AE, #003843, #040031)
• Feathered Canyon color palette (#F7DADE, #FB1F6B, #00988A, #23769B, #29000A)
• Feathered Summit color palette (#F5DDD8, #FF528F, #00A3A1, #BB3867, #00201F)

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