Worn Courtyard color palette — #F3F7EC · #B4DFD3 · #7198CB · #0075A1 · #243965

A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Silver (#B4DFD3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7198CB): A luminous, balanced blue — the color of deep harbor water.
• Slate (#0075A1): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#243965): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Azure Market color palette (#F3F7E9, #94D4F7, #0095DC, #006F86, #00345D)
• Worn Petrol color palette (#EAECDF, #5FAEC7, #007093, #004951, #001624)
• Softworn Terrace color palette (#FFF1F5, #C7E4FF, #9AAFEC, #389AAB, #323857)
• Patina Indigo Drift color palette (#F9F4EF, #A3C9ED, #5571CD, #005E6B, #4E3040)
• Gentle Ember color palette (#FBDBE2, #B879C7, #D65E56, #2D78CD, #39203E)
• Aged Cypress Balcony color palette (#E1E1D6, #7D9C7B, #00656A, #003C33, #000C0E)
• Pale Hollow color palette (#FCE9EF, #BA95DD, #00A8BD, #9244CB, #003D46)
• Washed Delta color palette (#EAE7FF, #B8A0EB, #9A65C6, #803BA3, #4B2253)

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