Iris Coast color palette — #F6ECE2 · #9EC5E8 · #7383FF · #007C80 · #27133C

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

The five colors

• Cream (#F6ECE2): bright and airy, almost weightless.
• Sky (#9EC5E8): A luminous, dusty blue — the color of deep harbor water.
• Lavender Blue (#7383FF): A luminous, vivid violet — the color of a velvet chair.
• Teal (#007C80): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#27133C): 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 Coast 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

• Quiet Azure color palette (#EADFD9, #79CEE8, #2B97EF, #008066, #16164B)
• Hazy Sapphire color palette (#DDECE0, #8FB6DB, #346BE3, #00566C, #171649)
• Cobalt Harbor color palette (#FCF4E7, #A1D1FF, #4D77CC, #004E63, #08032F)
• Soft Pier color palette (#FFF2EB, #9CE6FF, #5DB0FF, #009B7E, #282A65)
• Muted Magenta Drift color palette (#E5E4CB, #8BC444, #C44FF4, #446B00, #290737)
• Nightshade Pier color palette (#D9E1D8, #7AA1C4, #344EAC, #003840, #0D002A)
• Ancient Aqua Corridor color palette (#FCF3F0, #C1EEE3, #5DCCF9, #63AB77, #544054)
• Muted Ridge color palette (#E7E1BE, #87DFBD, #5EC4FF, #AC7A00, #1E2601)

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