Iris Garden color palette — #F1F5FF · #8A88CE · #9A6C36 · #406B3C · #0F2A3A

Lavender Blue and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender Blue (#8A88CE): A luminous, balanced violet — the color of wild irises.
• Walnut (#9A6C36): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#406B3C): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#0F2A3A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Hushed Wisteria Dune color palette (#F4F4FF, #C28CDA, #AD6F4F, #406A3A, #003D57)
• Washed Harbor color palette (#FFF0F8, #A0A0FF, #A86800, #36692B, #031B12)
• Washed Rust color palette (#EDF7FF, #62A6D8, #B05B59, #706107, #102C30)
• Dusty Balcony color palette (#F7F3FF, #C67AB2, #778541, #00726C, #242C3E)
• Sunlit Study color palette (#FCF1FF, #BF5C77, #32833D, #005B6E, #1D1C35)
• Tempered Archive color palette (#F6F3FF, #915C8F, #833E5C, #294E00, #25273D)
• Pale Cabin color palette (#F8F2FF, #EB52BA, #577000, #006363, #172240)
• Byzantium Cabin color palette (#ECECFF, #AF2CF2, #7C6100, #00573D, #00142C)

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