Iris Courtyard color palette — #EEF8F3 · #B2B778 · #8E80C5 · #8B5E2D · #583743

Built around Slate Blue, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Sage (#B2B778): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#8E80C5): A luminous, balanced violet — the color of twilight just after sunset.
• Walnut (#8B5E2D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#583743): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Iris Courtyard 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

• Aged Garden color palette (#EAF9F4, #A8B982, #977DC2, #7C671F, #2B4B36)
• Cerulean Canyon color palette (#F0F7F0, #D1AA74, #3B96C6, #8F594B, #52394A)
• Tempered Workshop color palette (#F2F7EB, #9EDCBB, #9D91C4, #8F5B56, #5A2900)
• Aged Alley color palette (#E2FDEF, #BCD6D8, #96B0C4, #997C86, #624D54)
• Patina Meadow color palette (#F0F8EB, #35AE94, #606DA2, #74434A, #44423B)
• Teal Station color palette (#E5FAFC, #26BEA1, #AB639E, #436B19, #293F1A)
• Tempered Sky color palette (#E9F8FD, #82D8D8, #7BAFDB, #897FAB, #1E4B47)
• Aged Atelier color palette (#D6FDFF, #86DCD5, #27B5D1, #3E7BA1, #43536C)

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