Weathered Courtyard color palette — #E9F9F8 · #A4CAE8 · #3C7DB3 · #005C75 · #1F3C5E

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

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Sky (#A4CAE8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3C7DB3): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C75): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#1F3C5E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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

• Cobalt Pier color palette (#F7EFF2, #B3CBDE, #4F7CBE, #005B5E, #1A1946)
• Turquoise Lagoon color palette (#C0E8F5, #35ADDB, #0078A5, #00517D, #0D3C61)
• Muted Petrol Garden color palette (#EFF6FF, #D1DFFF, #A6A1E0, #34739C, #2A3D57)
• Cypress Hollow color palette (#ECF8F6, #C2E3ED, #4398A4, #007269, #224D60)
• Wandering Basin color palette (#E3F2EF, #78BFC6, #007587, #00504D, #003441)
• Airy Balcony color palette (#D0E8FF, #207EC8, #86549E, #006A5E, #142D44)
• Tempered Cerulean Pier color palette (#D4E8E4, #4A9DAC, #005264, #003030, #001720)
• Ancient Garden color palette (#EEF5FF, #70A4E0, #2E64A7, #003775, #00234C)

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