Iris Alley color palette — #EEF8F3 · #BFBC81 · #6BB8A4 · #8582C1 · #45313C
Built around Slate Blue, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#EEF8F3): bright and airy, almost weightless.
- Sand (#BFBC81): A luminous, dusty green — the color of a quiet forest floor.
- Mint Leaf (#6BB8A4): A luminous, balanced teal — the color of glacier melt.
- Slate Blue (#8582C1): A luminous, balanced violet — the color of wild irises.
- Charcoal (#45313C): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Iris Alley 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
- Tempered Villa color palette (#EAF9F7, #98CEA4, #68B7C5, #9D78B4, #2C3D2D)
- Hushed Iris Workshop color palette (#FBF2F7, #F4B79E, #6DBC9E, #8979C5, #5F3626)
- Worn Hollow color palette (#EBF8F7, #8ECC95, #439FBE, #58719E, #252533)
- Misty Periwinkle color palette (#EAF9F7, #80C08D, #58A3EE, #BD6187, #0F3127)
- Stone Boulevard color palette (#E7F6EF, #B8BC7A, #638380, #465A51, #1E231E)
- Dusty Terrace color palette (#DFFDF6, #84C748, #00A5A3, #944DD7, #381F00)
- Muted Coast color palette (#FFF2F0, #CB90A1, #428CBB, #5F629A, #42292E)
- Pale Plum Workshop color palette (#D3F2FB, #00B7B8, #567FFF, #C4004A, #061F00)
Browse the whole catalog at Explore, or see today's palette.