Weathered Courtyard color palette — #FBF3F0 · #CBE7E3 · #64A2C4 · #357D6D · #5C4C5D

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#CBE7E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#64A2C4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#357D6D): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#5C4C5D): A full-bodied, dusty pink — the color of peonies in June.

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

• Ancient Coral Field color palette (#EDF9F2, #78BBD2, #D27E79, #1A7E9A, #534B48)
• Softworn Turquoise color palette (#EAF4F3, #CEDCF1, #68A7BB, #457381, #263945)
• Patina Canyon color palette (#EBDFDA, #6CAAB3, #00607E, #004030, #00203E)
• Ancient Driftwood color palette (#E8FBEE, #51A6B8, #BF7167, #966C45, #34483B)
• Cerulean Harbor color palette (#DCFFF0, #95CFEC, #1E8EB2, #115B74, #1B4032)
• Washed Navy color palette (#E6DCD6, #4C8A9F, #003F67, #002320, #01032A)
• Cornflower Pier color palette (#FDF3EB, #99D8FA, #2A7FE0, #006668, #353B69)
• Hushed Cerulean Workshop color palette (#FCF3EF, #ADD0AE, #0086A0, #00633F, #174437)

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