Dusty Cocoa Courtyard color palette — #F4E9E4 · #B3A18F · #91856B · #712D16 · #110703

A conversation between Rust and Driftwood, giving this palette its sense of sophistication.

The five colors

• Cream (#F4E9E4): bright and airy, almost weightless.
• Taupe (#B3A18F): A luminous, dusty gold — the color of old brass.
• Driftwood (#91856B): A luminous, dusty gold — the color of old brass.
• Rust (#712D16): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#110703): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Patina Cocoa Field color palette (#F2EBEF, #C6B6BB, #829986, #662300, #040002)
• Onyx Alley color palette (#F0E3DC, #A59787, #827025, #511000, #150500)
• Dusty Fern Dune color palette (#EEEBE3, #B6B6A0, #8E9B7B, #5B5400, #191304)
• Patina Terracotta color palette (#E4DEE2, #97A6A2, #6D9394, #AB340D, #12040E)
• Bronze Field color palette (#F4EDE7, #E0D6C5, #BCB8A2, #976539, #382B1F)
• Patina Study color palette (#FAE2DC, #9D710E, #435C21, #302D52, #27091C)
• Powdered Corridor color palette (#F3ECDF, #6D7E20, #005514, #491432, #050700)
• Airy Bloom color palette (#F2E3D4, #FF3B4F, #B36500, #4A6000, #080400)

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