Pale Iris color palette — #E6F7ED · #BEB671 · #9093DF · #7E7311 · #27304A

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

The five colors

• Cream (#E6F7ED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#BEB671): A luminous, balanced green — the color of fresh herbs.
• Lavender Blue (#9093DF): A luminous, balanced violet — the color of wild irises.
• Walnut (#7E7311): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#27304A): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Pale 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

• Turquoise Loft color palette (#FBEEF3, #DAA784, #51A7D0, #9B6239, #153448)
• Antique Market color palette (#E7F5F3, #91C28F, #C882AC, #4C804C, #372B44)
• Patina Mustard Balcony color palette (#F9F5E8, #CAC97E, #99AFEE, #92904D, #5B4556)
• Washed Summit color palette (#EBF9F1, #BAB36E, #46A9B1, #7B743B, #2F535F)
• Tempered Iris Pier color palette (#E3F8EC, #A69F5A, #7D86CF, #836AA7, #172D22)
• Weathered Driftwood color palette (#EBF5EE, #98C7B7, #8D8452, #475F46, #1E302E)
• Hushed Forest color palette (#E8F5F4, #E0BC99, #367046, #133836, #0D1615)
• Hushed Peony Study color palette (#D0F1ED, #5DA55F, #B457AF, #036215, #2E0C2D)

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