Worn Courtyard color palette — #F0DAD8 · #CF9783 · #A57143 · #4F631C · #003F3A

Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F0DAD8): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#CF9783): A luminous, dusty orange — the color of toasted spice.
• Mocha (#A57143): A full-bodied, balanced gold — the color of honey in a jar.
• Olive (#4F631C): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#003F3A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Hushed Cypress Villa color palette (#F5DEE5, #BBA370, #908746, #007054, #003D39)
• Muted Bronze Pier color palette (#FFE6EB, #BC9DBA, #AF6F57, #5D5A1F, #364118)
• Stone Grove color palette (#FFEAEB, #F4A79B, #A37F66, #665300, #2C2906)
• Hushed Fern Station color palette (#FFEBCD, #9C883F, #5D620F, #004C3F, #001F20)
• Wandering Bloom color palette (#F9DEEE, #C8ABB7, #759879, #40746D, #1B4C4D)
• Timeworn Blush color palette (#E7D9E7, #F298A4, #B48B6A, #367A8E, #003E4F)
• Frosted Terracotta Corridor color palette (#D9E9E0, #A3AB6D, #647C2C, #893732, #292C00)
• Chestnut Canyon color palette (#EDEBF9, #B97988, #965329, #164E62, #1F3151)

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