Weathered Courtyard color palette — #EFF8EE · #88D4D0 · #D79DB9 · #369E9A · #69403F

Cerulean and Mauve set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Lagoon (#88D4D0): A luminous, dusty teal — the color of glacier melt.
• Mauve (#D79DB9): A luminous, dusty rose — the color of pressed rose petals.
• Cerulean (#369E9A): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#69403F): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Sophistication. Tagged light, muted.

Use it as a design system

One click turns Weathered 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

• Softworn Mallow Delta color palette (#F6F7E6, #ACD19B, #C7A1D6, #769866, #63424B)
• Patina Cerulean color palette (#E8FAF3, #91CCF4, #DCA18E, #5694BB, #534B47)
• Hushed Teal color palette (#EAF8FA, #A6F8E8, #FFB4BD, #3EAF9D, #513F53)
• Antique Teal color palette (#F1F8EF, #8EE8DD, #BFC0FF, #4EBDB1, #614255)
• Weathered Taupe Market color palette (#EAFBE7, #6EC3BA, #D28EA1, #B37F62, #394737)
• Softworn Cypress color palette (#EBF8FB, #78BFB8, #9292CB, #00847C, #49486E)
• Antique Coral Corridor color palette (#DDFFE7, #00C3DB, #EE6B76, #008797, #661D26)
• Petal Lagoon color palette (#ECFAE8, #F3D3F2, #C4E6E4, #A1A987, #48564B)

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