Iris Quarry color palette — #ECF9F0 · #B59D59 · #7780D9 · #7C6200 · #344162

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

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Camel (#B59D59): A luminous, balanced green — the color of fresh herbs.
• Lavender Blue (#7780D9): A luminous, balanced violet — the color of a velvet chair.
• Olive (#7C6200): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#344162): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Tempered Violet Boulevard color palette (#E6FBF4, #93AA61, #9E6ED6, #587000, #3E3E60)
• Iris Corridor color palette (#E2F9E8, #BFA141, #7288D6, #7A6100, #182743)
• Worn Cobalt Pier color palette (#FFF1F6, #D48D52, #3591CE, #965205, #27455E)
• Muted Mustard color palette (#FFF4E2, #DCB14B, #929EEA, #9D7B26, #56374D)
• Hushed Alley color palette (#E5FCEE, #9C881F, #0089A4, #8E507D, #243F30)
• Hushed Quarry color palette (#EAFAEE, #87B39C, #896F27, #6B4A1F, #2A433B)
• Tempered Grape color palette (#CCEEDF, #959C22, #7700E5, #4F5300, #351A61)
• Aqua Veranda color palette (#E8FBEF, #ACE6DE, #72CBDD, #907247, #3A5148)

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