Iris Harbor color palette — #F8F0E8 · #BDE7D9 · #758BC9 · #256A69 · #3E222F

Slate Blue takes the lead with Teal close behind in a set that reads as creativity and calm at first glance.

The five colors

• Cream (#F8F0E8): bright and airy, almost weightless.
• Celadon Mist (#BDE7D9): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#758BC9): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#256A69): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#3E222F): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

One click turns Iris Harbor 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 Lantern color palette (#F4F6EF, #C1E6DA, #638DBE, #126B8D, #573E56)
• Airy Cornflower color palette (#FBF0E5, #9AD9FF, #557EDD, #00625D, #281A49)
• Frosted Amber color palette (#FFEFDE, #C57A14, #5E7DC2, #516A9F, #2B1A07)
• Muted Chapel color palette (#F8F0EB, #C5E8E5, #74A99A, #597637, #41303C)
• Washed Lagoon color palette (#FDF2F5, #D7DCF4, #8EA5D4, #368892, #454367)
• Soft Lantern color palette (#F7EAE3, #39ADBF, #005F89, #003B26, #010230)
• Navy Studio color palette (#E9DCD3, #2C83A2, #003A75, #00201A, #01000A)
• Frosted Marigold Orchard color palette (#FEEFDE, #D19738, #3996CE, #865B00, #002F24)

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