Patina Courtyard color palette — #FAF3F0 · #DDDBD2 · #C2C5AF · #B68072 · #50453F

Built around Caramel, softened by Stone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Bone (#DDDBD2): a clean, paper-quiet neutral.
• Stone (#C2C5AF): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#B68072): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#50453F): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Patina 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

• Washed Garden color palette (#FAF3F8, #E4D8D6, #B4B3C1, #D29C93, #4D454B)
• Ancient Delta color palette (#F7F5EF, #D2DDD2, #AFC5B9, #818546, #3C3B34)
• Wandering Taupe color palette (#FFF2ED, #DDC6AF, #ACA67F, #8B6D81, #64444F)
• Washed Cocoa Ridge color palette (#EEE1D9, #BEB2A4, #A09574, #873700, #1E1006)
• Weathered Emerald color palette (#FCF4E7, #CFC59A, #6F9E66, #8C6667, #4E4200)
• Tempered Amber Lagoon color palette (#F1E2D3, #CA7A00, #604A00, #322D28, #1D1713)
• Dusty Bronze Delta color palette (#FFF4E1, #F39482, #A4810B, #456493, #423C37)
• Lime Quarry color palette (#FFF2E9, #F5D4C9, #FFBF87, #9CB140, #3D3933)

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