Worn Courtyard color palette — #F3F7EF · #DDB7A3 · #326A58 · #284100 · #1D2A23

A conversation between Deep Olive and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F7EF): bright and airy, almost weightless.
• Sand (#DDB7A3): A luminous, dusty orange — the color of toasted spice.
• Pine (#326A58): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#284100): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#1D2A23): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Antique Fern Delta color palette (#F6F6EC, #D6BAA2, #646113, #393932, #20291E)
• Cypress Basin color palette (#E8F5F4, #AACEB1, #33704C, #043938, #071717)
• Fern Loft color palette (#F4F7EE, #E5CDA9, #5A8A6C, #45550B, #2A2D22)
• Patina Ash Archive color palette (#EDF7F9, #FFD3BE, #72ABA1, #587277, #202E31)
• Patina Denim Quarry color palette (#EDF8F4, #D89D98, #04577F, #00324B, #162520)
• Aged Corridor color palette (#F4F6EE, #A3CCAC, #5D7DB5, #158241, #372836)
• Ancient Chestnut color palette (#FFF3E7, #A0AE86, #4F7E98, #7C4D1E, #3C4D39)
• Weathered Rust Parlor color palette (#DBEDE3, #B15E64, #48414B, #002C39, #000B11)

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