Iris Garden color palette — #FFF1F6 · #8175CB · #776E1F · #595325 · #2B372F
A conversation between Lavender Blue and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Lavender Blue (#8175CB): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#776E1F): A full-bodied, balanced green — the color of new leaves after rain.
- Coffee (#595325): A full-bodied, dusty green — the color of fresh herbs.
- Deep Forest (#2B372F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Patina Lagoon color palette (#FDF1FA, #6E7CC9, #925233, #6D4823, #313A2D)
- Dusty Lilac Bloom color palette (#FFF1F5, #B180CF, #806F35, #345F3F, #1E4642)
- Timeworn Workshop color palette (#F7F6E3, #AB9BE0, #99657B, #486325, #574146)
- Hushed Pewter Thicket color palette (#FDEEEC, #B67C90, #8D566A, #4A4F21, #22151E)
- Byzantium Dune color palette (#FFF1F4, #9800CC, #555B00, #3D4200, #002D21)
- Driftwood Harbor color palette (#FBF2F6, #E4D8D4, #ABAEA2, #997785, #594F53)
- Muted Mallow Boulevard color palette (#FFF0FA, #CDAAE6, #A0729C, #824957, #70392F)
- Plum Corridor color palette (#FFF1F1, #AC4685, #006D65, #00525A, #342734)
Browse the whole catalog at Explore, or see today's palette.