Weathered Courtyard color palette — #F1F7F2 · #D3DFF1 · #52A4C7 · #277E77 · #415567

Cyan takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D3DFF1): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#52A4C7): A luminous, balanced blue — the color of open sky before noon.
• Teal (#277E77): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#415567): A full-bodied, dusty blue — the color of deep harbor water.

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

• Ash Veranda color palette (#F7EFF4, #D4D2EA, #75A2C2, #477475, #2C3648)
• Hushed Denim color palette (#E5EFE7, #59ADB9, #00617A, #003F38, #002235)
• Antique Cerulean color palette (#E6F4E9, #3D8BA7, #004161, #002223, #00091B)
• Hushed Ash Boulevard color palette (#F5F6EE, #C9E7E3, #AAD2BB, #6EAFB1, #355145)
• Ancient Stone color palette (#FCF3EF, #C0E4EF, #8BBEAE, #7D8D69, #5E4C5A)
• Worn Driftwood color palette (#F8F2FF, #BC83A4, #938C3F, #1E82A1, #463F4F)
• Washed Corridor color palette (#F1F7F2, #9BCEDE, #00879A, #00624D, #1A3F54)
• Softworn Atelier color palette (#F8F2FF, #EAD6DD, #E8C9A5, #837FA0, #594F5C)

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