Iris Garden color palette — #FFF1F2 · #EBEAAA · #E2DAD1 · #7B86C2 · #422727

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Celadon Mist (#EBEAAA): A whisper-light, balanced green — the color of fresh herbs.
• Bone (#E2DAD1): bright and airy, almost weightless.
• Slate Blue (#7B86C2): A luminous, balanced violet — the color of twilight just after sunset.
• Espresso (#422727): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged pastel, 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

• Azure Lantern color palette (#FFF0F8, #E9D5D8, #A6C1B5, #629CD3, #50313A)
• Pale Chartreuse Corridor color palette (#FFF2EF, #E0DACF, #CAE000, #AF5DBD, #541A17)
• Softworn Pewter Field color palette (#FFEDEC, #EFD1BC, #E1AAAA, #885F82, #371613)
• Antique Marigold Workshop color palette (#FFF1F3, #EDD6C5, #DBA522, #7261BE, #2B0C0A)
• Hushed Grove color palette (#F8F2FF, #F4D5CB, #E4BF9C, #BC9CC8, #463850)
• Pewter Workshop color palette (#F7F3FF, #F8C3CC, #CD9E7A, #75609B, #4A3754)
• Blush Drift color palette (#FFF1F0, #E76EA8, #0095CE, #006891, #280A0A)
• Muted Plum color palette (#FFF3E8, #C3E4CE, #68E6DF, #B0566D, #342300)

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