Iris Boulevard color palette — #F2F5FF · #8176BF · #875F1E · #395E41 · #283944

Slate Blue and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Slate Blue (#8176BF): A luminous, balanced violet — the color of wild irises.
• Ochre (#875F1E): A full-bodied, balanced gold — the color of old brass.
• Pine (#395E41): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#283944): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Peony Pier color palette (#F6F3FF, #B86DB3, #6E6821, #215B54, #2D343F)
• Cobalt Alley color palette (#EEF6FF, #3F8FCC, #945B53, #595329, #223438)
• Washed Bronze Alley color palette (#F2F0FA, #9E7AA7, #9A5C48, #235239, #131A28)
• Lilac Hollow color palette (#EBFAED, #BF94D6, #98667A, #3A6357, #494456)
• Timeworn Terrace color palette (#F4F4FC, #DFD7DF, #B7A9A4, #7E7EA0, #525258)
• Antique Plum Balcony color palette (#F8F2FF, #A23493, #4C5300, #00423E, #141D31)
• Hushed Mallow color palette (#F6F3FF, #D9ACE9, #A66D97, #7F455B, #6B3217)
• Aged Emerald Harbor color palette (#EEF8F3, #80C4E5, #AEAC6F, #58995F, #253726)

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