Worn Courtyard color palette — #FFF1F5 · #7CB2BD · #4F7CA3 · #784F23 · #2D4D59

Coffee takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Blue Fog (#7CB2BD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#4F7CA3): A full-bodied, dusty blue — the color of open sky before noon.
• Coffee (#784F23): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#2D4D59): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged retro, muted, cool.

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

• Softworn Terracotta color palette (#FFF0FA, #92B28D, #408387, #854149, #324D4E)
• Timeworn Cobalt color palette (#F0F4E7, #6DB7D0, #417EAD, #62446F, #1D3128)
• Wandering Abyss Pier color palette (#E5FAFB, #ABC6D5, #8594AA, #607360, #37574D)
• Patina Azure Archive color palette (#E5FAF9, #85C9E1, #5C99C9, #80618D, #3A4A55)
• Powdered Corridor color palette (#DFFDF7, #709CC3, #78589E, #345A02, #2C3D5A)
• Soft Market color palette (#DCFFEA, #009EAC, #2C58BD, #544300, #003B4F)
• Tempered Glacier color palette (#FFF2EA, #75E5E7, #8CB1E0, #A7836B, #3B4D42)
• Patina Villa color palette (#C6E7D5, #0085A0, #3D4096, #3A3400, #00273E)

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