Iris Boulevard color palette — #FFF3E7 · #D0E9FF · #678DEC · #006874 · #1E1839

Lavender Blue and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Frost (#D0E9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender Blue (#678DEC): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006874): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#1E1839): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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

• Washed Dune color palette (#FFF2EC, #9BF7FF, #11A1C9, #006D4F, #002039)
• Periwinkle Delta color palette (#F5EDE5, #ACD9FD, #8AA0ED, #009091, #342250)
• Sapphire Delta color palette (#F4E4E9, #96B7D6, #5363B5, #004B4C, #1D0734)
• Hushed Cerulean color palette (#FFF2EC, #7BDDEA, #0086AF, #005340, #000D1F)
• Patina Lime Drift color palette (#F8F8D1, #85D13D, #9D73DD, #3B6A00, #1F0A38)
• Hushed Turquoise color palette (#FFF2EC, #D0E0F6, #45B6D2, #407D5D, #06372B)
• Turquoise Meadow color palette (#F1E3DD, #24B7BF, #005E76, #002D1E, #000103)
• Hazy Petrol color palette (#F8ECE3, #58C5F2, #0269B6, #003E3C, #010015)

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