Weathered Courtyard color palette — #FAF2F8 · #D5D6EE · #6BA2B6 · #41797B · #445563

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Powder Blue (#D5D6EE): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#6BA2B6): A luminous, dusty blue — the color of deep harbor water.
• Teal (#41797B): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#445563): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Driftwood Meadow color palette (#E8F8FF, #D8DBE6, #C0A8AE, #689293, #47565E)
• Cypress Terrace color palette (#F6EFF5, #D1D3EE, #70A4BD, #4B7758, #28374A)
• Turquoise Studio color palette (#E8F8FF, #62C0CD, #C68487, #23808C, #59455A)
• Ancient Teal color palette (#F4E2EE, #3DB2B2, #006275, #004026, #002236)
• Glacier Cabin color palette (#EAF8FF, #7BD6EA, #308BA1, #1F5A6D, #1B4052)
• Cerulean Bloom color palette (#FAE7F5, #278F9F, #00425C, #00231B, #00091B)
• Dusty Petrol color palette (#F7EBF0, #7EBADA, #3169AB, #004F50, #252A50)
• Hushed Teal Orchard color palette (#F8F5EF, #C1E0E5, #AAD2B9, #55B69E, #325245)

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