Iris Studio color palette — #F3F4FF · #CBB9F0 · #BCB374 · #957EBF · #345644

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CBB9F0): A luminous, dusty violet — the color of a velvet chair.
• Sage (#BCB374): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#957EBF): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#345644): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged light, muted.

Use it as a design system

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

• Patina Alley color palette (#F8F2FF, #E8B0D3, #8CBF9F, #B1779C, #285655)
• Hushed Honey color palette (#F2F5FF, #D4CEFF, #CFCC6E, #A89DE5, #315646)
• Worn Indigo Corridor color palette (#FEF1F7, #AFA8DC, #9D9D60, #7364B2, #4F4D46)
• Cerulean Meadow color palette (#ECF7FF, #8CCFEF, #D0AA70, #3D97BE, #38553B)
• Weathered Ash Bloom color palette (#F1F5FF, #E4D8E1, #B6B4A9, #84A5C3, #4B4A5D)
• Hushed Atelier color palette (#EEF8EE, #B4D3C3, #87A588, #8A697E, #354D48)
• Wandering Seafoam color palette (#ECF8F5, #D7DBF8, #82E3B0, #6A9FD0, #454740)
• Timeworn Delta color palette (#F4F4FE, #A4DDDF, #7A799D, #4B4966, #2A2A36)

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