Patina Cocoa Courtyard color palette — #FBF4EC · #C8DFCC · #A27F51 · #623D00 · #221A10

Bronze takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Caramel (#A27F51): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#623D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#221A10): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Weathered Pine color palette (#F4F6EC, #E9E1B7, #3E894A, #363D00, #0F1107)
• Softworn Thicket color palette (#EFF0D8, #DB8F15, #224700, #1A2526, #030A00)
• Washed Teal Archive color palette (#FAF4EE, #E0DECD, #27C6C4, #BC9159, #182117)
• Sand Orchard color palette (#FFF4DD, #FFD17C, #7C6A00, #372E00, #0C0700)
• Sand Delta color palette (#EEF9EE, #F7DAA5, #89A889, #5D745E, #262E26)
• Softworn Cypress color palette (#ECF5EB, #A7CFB4, #4E6A4B, #243623, #0E160D)
• Tempered Sky Lantern color palette (#FFF2EA, #F5B194, #71B7E5, #967498, #37302C)
• Mustard Courtyard color palette (#F9F5E7, #E7B054, #555500, #1A1A00, #020100)

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