Iris Harbor color palette — #EDF8F4 · #A3BC77 · #6C8BCC · #955351 · #52384F

Slate Blue and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Sage (#A3BC77): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#6C8BCC): A luminous, balanced violet — the color of wild irises.
• Burnt Sienna (#955351): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#52384F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Softworn Iris Hollow color palette (#EAF8F9, #83C1A3, #9380BC, #87602B, #2C4A37)
• Cerulean Orchard color palette (#F0F8F0, #D7A867, #229DAB, #8A547A, #493B5A)
• Wandering Seafoam Harbor color palette (#F4F7E9, #A4DCAD, #67A1C8, #855982, #3D3732)
• Wandering Canyon color palette (#F8F5EB, #CFCA8B, #99A6DC, #AD7676, #5A392D)
• Ash Corridor color palette (#E5FBF4, #B3DADB, #8EB1C4, #897987, #574855)
• Aged Teal color palette (#F2F7ED, #50AB8E, #247C91, #40537A, #44423B)
• Timeworn Teal Workshop color palette (#D4FFFC, #96DFC5, #00AFAA, #338796, #3A576B)
• Antique Pier color palette (#E2F6F7, #16AF82, #7D5BB9, #704500, #3E2600)

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