Iris Garden color palette — #F0F7F0 · #C6E0F8 · #7986BF · #1B6F71 · #424464

Built around Slate Blue, softened by Teal — the whole palette hums with creativity and calm.

The five colors

• Ivory (#F0F7F0): bright and airy, almost weightless.
• Powder Blue (#C6E0F8): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#7986BF): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#1B6F71): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#424464): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Iris Garden 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 Villa color palette (#F6F1EA, #C6E4DB, #738DBF, #006983, #3E2036)
• Muted Veranda color palette (#F1F7F2, #D8DBF0, #86A5DF, #0087A9, #3A4766)
• Forest Balcony color palette (#FBF2F9, #9ECDE0, #4280A2, #00633D, #273B59)
• Dusty Thicket color palette (#E9DCE8, #35A1A4, #005169, #003212, #00132E)
• Antique Navy color palette (#EDD9E2, #5688A1, #083780, #00231F, #0B0027)
• Muted Powder Study color palette (#E2FAFF, #D2DBEB, #C1B9F1, #6D8E64, #324E57)
• Softworn Lagoon Terrace color palette (#B5EEE4, #6DB88D, #008F7D, #006475, #1B4761)
• Feathered Canyon color palette (#E3FAFF, #48B3A9, #BB7274, #00766E, #643033)

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