Iris Courtyard color palette — #FDF1F6 · #B9D9F6 · #7694D4 · #007A86 · #383559

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

The five colors

• Ivory (#FDF1F6): bright and airy, almost weightless.
• Powder Blue (#B9D9F6): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender Blue (#7694D4): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007A86): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#383559): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Pine Villa color palette (#FCF2F9, #B7DBE8, #41A3C3, #007F5C, #083E62)
• Dusty Dune color palette (#FFF0F8, #8FD6F5, #2590EA, #00726F, #1C247B)
• Weathered Cobalt Parlor color palette (#F4F6F0, #A2CAEC, #347AC5, #005B7A, #283A5B)
• Patina Lagoon Ridge color palette (#FAF3F6, #DADEED, #94B3E2, #3E959B, #47526E)
• Petrol Station color palette (#E6DBE2, #63AEC2, #006DA0, #004B41, #001037)
• Aged Nightshade Dune color palette (#F5E7EB, #7796B6, #3E4EA5, #003A44, #0D0025)
• Washed Lagoon color palette (#F8DAF2, #D2786F, #22A077, #00869A, #471C18)
• Airy Hollow color palette (#F6E9FA, #E08AA2, #00AAAE, #C42B68, #003E3F)

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