Iris Courtyard color palette — #E8F8FF · #00C2D8 · #8E86E9 · #5D7B32 · #002023

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

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Cyan (#00C2D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Lavender Blue (#8E86E9): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#5D7B32): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002023): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Dusty Workshop color palette (#EDF7FF, #36B9FE, #AB72C7, #38815D, #00242F)
• Magenta Grove color palette (#E9F4FF, #23A1FB, #CD41DC, #008766, #00181C)
• Feathered Clover Alley color palette (#E0FCFA, #39C873, #0099CD, #9C6A19, #07221B)
• Peony Hollow color palette (#F2F5FF, #A8A3FF, #EF4B89, #008E9B, #102338)
• Softworn Lilac color palette (#E9F3FF, #7DB4FF, #A67BD8, #9B5676, #003235)
• Muted Periwinkle color palette (#D7E6F6, #439DFF, #53627B, #303E4D, #080E13)
• Aged Plum color palette (#E7FBED, #00A4B8, #AC527D, #734200, #0E1100)
• Blush Alley color palette (#F1F5FF, #B5B9FF, #D989A3, #599BA0, #2A343E)

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