Worn Courtyard color palette — #F9F0EC · #C0F0E7 · #75A3BE · #4B765E · #412F40

Built around Blue Fog, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Honeydew (#C0F0E7): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#75A3BE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#4B765E): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#412F40): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Worn Harbor color palette (#F5F6EE, #C5E8E1, #6CA3B0, #347C79, #335242)
• Washed Harbor color palette (#F1F4E3, #87C58B, #BF87B2, #507F53, #44282B)
• Powder Dune color palette (#FAF3F8, #D5D5E9, #85BAD2, #5D9380, #435467)
• Denim Studio color palette (#F4E2DB, #58ACB0, #006180, #003C1B, #000A20)
• Airy Cornflower color palette (#FEEEE4, #93DBFA, #3D83DB, #006356, #221E47)
• Aged Mustard Study color palette (#F8E6BF, #B1C975, #639561, #296957, #2D412C)
• Muted Cerulean color palette (#F4E8E1, #00879D, #003F64, #002016, #00000C)
• Aged Petrol color palette (#F4E6DB, #8ABADB, #4C67AE, #004B49, #1A0A35)

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