Iris Garden color palette — #F7F6E6 · #A1BE78 · #8B99DD · #925F82 · #282609

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

The five colors

• Cream (#F7F6E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A1BE78): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#8B99DD): A luminous, balanced violet — the color of wild irises.
• Slate (#925F82): A full-bodied, balanced pink — the color of neon signs at night.
• Onyx (#282609): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Muted Marigold color palette (#FDF4E7, #DAA955, #59A9CE, #6E6BA1, #30210B)
• Tempered Garden color palette (#F0F9E8, #71D0AF, #5B8CCA, #7F456C, #402400)
• Hushed Mint color palette (#F0F8EA, #57CAAE, #C088B9, #A45A58, #1D2914)
• Peony Market color palette (#EAFAEC, #00B3C0, #C36790, #8D4D00, #001C07)
• Cobalt Delta color palette (#E7FAF4, #6F8D41, #5F69B2, #783962, #203832)
• Timeworn Teal color palette (#DEFFE4, #9CEDED, #4BB3A8, #007883, #003C4E)
• Softworn Pier color palette (#F4F6EF, #D3DED8, #B0B5C1, #7EAA8C, #3E4137)
• Tempered Plum Atelier color palette (#E2FFE0, #009E9C, #AC5286, #7D3500, #000A0A)

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