Iris Workshop color palette — #F0F5FF · #DDD7A7 · #8191D0 · #54608E · #1B222E

A conversation between Blue Fog and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Wheat (#DDD7A7): A whisper-light, dusty green — the color of fresh herbs.
• Blue Fog (#8191D0): A luminous, balanced violet — the color of wild irises.
• Slate (#54608E): A full-bodied, dusty violet — the color of twilight just after sunset.
• Midnight (#1B222E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Iris Workshop 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 Azure color palette (#EEF6FF, #F4C6DB, #7198C5, #476588, #1A222C)
• Cobalt Alley color palette (#FDF1F9, #DAC18E, #636CA9, #373D6F, #291E25)
• Cobalt Bloom color palette (#F1F5FF, #FFE2A5, #666FB6, #2A3756, #0A0F1B)
• Wandering Lilac Boulevard color palette (#F4F4FF, #83E5C3, #AA74C3, #744489, #1A172C)
• Weathered Lilac color palette (#F4F4FB, #DFD8DC, #C0B0AC, #BD9AE0, #464653)
• Feathered Driftwood Lantern color palette (#DEDCE9, #78CD9D, #9A5FA0, #652F6A, #0D061E)
• Chalky Violet Summit color palette (#DCE4FD, #99D365, #7D5EF4, #4E31A7, #0F072C)
• Powdered Blush color palette (#E2FBF9, #B1C5FF, #D787B3, #009593, #373A58)

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