Worn Courtyard color palette — #F1F3EC · #C5E2DF · #6CA5BE · #087983 · #1A3E32

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C5E2DF): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6CA5BE): A luminous, dusty blue — the color of deep harbor water.
• Teal (#087983): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#1A3E32): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Patina Petrol Canyon color palette (#F1F3ED, #C6E1E5, #809EC7, #2D7396, #442D42)
• Cerulean Station color palette (#D5F0D8, #7CC1CD, #3096AC, #006781, #193E30)
• Muted Petrol color palette (#EAF5EF, #87BDD0, #92A56C, #007E9C, #32312A)
• Wandering Cypress color palette (#EAEAE0, #A1BC9F, #007A7F, #004C41, #001A1E)
• Pine Corridor color palette (#E7F6EC, #59AABB, #8389BC, #418B4D, #152D1F)
• Tempered Denim Villa color palette (#E4E7DC, #5E91B0, #004D7B, #002A36, #00040F)
• Dusty Lagoon color palette (#FAF4F0, #C5DDE6, #97CFD4, #58A196, #5C445A)
• Dusty Cobalt Lantern color palette (#F0F3EA, #AADCCC, #1A85E0, #005E7B, #002155)

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