Iris Veranda color palette — #F3F4FF · #D8BDED · #8B70BB · #5B4676 · #313452

Slate Blue and Charcoal Brown set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#D8BDED): A whisper-light, dusty violet — the color of a velvet chair.
• Slate Blue (#8B70BB): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#5B4676): A full-bodied, balanced violet — the color of wild irises.
• Navy (#313452): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged monochrome, muted.

Use it as a design system

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

• Cobalt Hollow color palette (#EEF6FF, #A8CAF8, #5B85C3, #364F7C, #263B57)
• Hushed Basin color palette (#FFF1F5, #F2D2EC, #C8B0E3, #907CB1, #3B2E52)
• Washed Pier color palette (#F3F4FF, #DFCBFF, #AE95D0, #6E5B82, #383756)
• Peony Corridor color palette (#FBF1FF, #EDB0C5, #B8698E, #733C5D, #412E4B)
• Hushed Pewter color palette (#F5F4FB, #DEADDD, #A17331, #8C578B, #273127)
• Hushed Field color palette (#F4F4FE, #96CBCF, #6E507F, #37354E, #29222B)
• Weathered Cerulean Ridge color palette (#F0F5FF, #E2D8E1, #F1C4A9, #6897B2, #4B4A58)
• Muted Lilac color palette (#F5F3FF, #AD7CB2, #73884A, #1B6981, #3E3A4B)

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