Weathered Courtyard color palette — #EEF7FA · #80CFDA · #A66975 · #007C88 · #342937

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

The five colors

• Ivory (#EEF7FA): a clean, paper-quiet neutral.
• Ice Blue (#80CFDA): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#A66975): A full-bodied, dusty red — the color of embers at dusk.
• Teal (#007C88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#342937): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Pine Lantern color palette (#EEF7F7, #9DCDB1, #8C709E, #367D58, #2D2C3A)
• Weathered Thicket color palette (#EDF4F0, #A4CEBC, #817AB5, #007CA7, #1F1119)
• Ancient Cerulean color palette (#EFF6FB, #AAD9F2, #A58FC9, #0099CD, #2B2C3D)
• Worn Fern color palette (#E8FAF5, #77B2C2, #78709D, #4D6133, #3A4A58)
• Denim Alley color palette (#F1F5FF, #A3A8E9, #A05750, #5353A8, #2F1D2C)
• Softworn Harbor color palette (#E3FAFF, #90C1E3, #747BB0, #6B4C7D, #6F3049)
• Worn Garden color palette (#EBF7FF, #2CB1DC, #BC0730, #005F79, #291428)
• Tempered Market color palette (#EFF6FF, #C8D7F0, #C4B8E8, #BA7D94, #494A5F)

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