Iris Boulevard color palette — #FDF2F6 · #BAD9F0 · #6C94E0 · #007D74 · #313859

Lavender Blue and Teal set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#FDF2F6): a clean, paper-quiet neutral.
• Powder Blue (#BAD9F0): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender Blue (#6C94E0): A luminous, balanced violet — the color of wild irises.
• Teal (#007D74): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#313859): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Calm, Sophistication. 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

• Cypress Lantern color palette (#FBF4EE, #C2E4F6, #83A8DC, #007E83, #412238)
• Cornflower Courtyard color palette (#FFF0F9, #70DCF9, #0092EB, #00755B, #262C63)
• Patina Alley color palette (#F8F3F8, #C9E3FD, #51B2D6, #4D8B59, #324964)
• Cobalt Boulevard color palette (#FCF4E7, #96CDEE, #3C7CBA, #005E6A, #4B2F48)
• Airy Peony color palette (#E9DEFF, #C774B5, #009CA6, #4075AD, #302541)
• Feathered Station color palette (#F4E5EA, #6499BD, #2A42CD, #003B3A, #0E0023)
• Airy Indigo Bloom color palette (#F5E8EC, #7CB8E9, #5668D4, #00595A, #26143D)
• Hushed Canyon color palette (#F9E9F6, #3CB4C4, #006E9D, #004D31, #030F37)

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