Weathered Courtyard color palette — #F6F6EB · #CAE5C9 · #48989F · #306F64 · #344F3D

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

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Celadon Mist (#CAE5C9): A whisper-light, dusty green — the color of a quiet forest floor.
• Storm Blue (#48989F): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#306F64): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#344F3D): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Cerulean Quarry color palette (#F4F7ED, #BAE8D7, #5D8FBA, #226C83, #563E58)
• Softworn Cerulean Studio color palette (#E7E9D2, #2AA1AC, #005360, #00302E, #00171F)
• Tempered Cerulean Balcony color palette (#F5F7EA, #8CD2E0, #0086A2, #005F62, #1D4334)
• Antique Turquoise color palette (#EFF8F1, #CADFF4, #66B2BF, #478972, #2B4C5F)
• Periwinkle Harbor color palette (#FEF0FF, #65A2EC, #4C9C70, #3E6799, #41433D)
• Dusty Jade color palette (#FCF3F0, #C5EBE0, #7DCAE6, #65AB6F, #2F4A68)
• Softworn Mallow Lagoon color palette (#FFF0FB, #F4D1D3, #D7C1F3, #5D779C, #5B4554)
• Hazy Cornflower Garden color palette (#FFF0FC, #6382E2, #A35F97, #00777F, #433140)

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