Timeworn Iris color palette — #EDF1FE · #8E8AD9 · #9C7D4D · #51663D · #1F222D

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

The five colors

• Ivory (#EDF1FE): bright and airy, almost weightless.
• Lavender Blue (#8E8AD9): A luminous, balanced violet — the color of wild irises.
• Mocha (#9C7D4D): A luminous, dusty gold — the color of old brass.
• Olive (#51663D): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#1F222D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Lilac Hollow color palette (#EFF1FF, #9B80D0, #83622A, #1C5451, #101B23)
• Muted Azure Grove color palette (#E7F4FE, #3D9FD5, #B16E6A, #705B2E, #19242C)
• Muted Quarry color palette (#F4EFFF, #C474B7, #788A5E, #36676E, #25202E)
• Wandering Ash color palette (#FFF1F4, #A480B4, #A5705E, #696027, #4B373C)
• Ancient Wisteria color palette (#E7F7EA, #CA94D6, #9B6776, #465933, #2E2938)
• Powder Meadow color palette (#F1F5FF, #B3BEFF, #ACB480, #808759, #2B3240)
• Byzantium Villa color palette (#F0F0FF, #A240E7, #7B6B00, #00583A, #120F2C)
• Timeworn Ash Garden color palette (#FDF1F9, #9FA6DD, #BD8B9C, #3B888A, #483742)

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