Cocoa Courtyard color palette — #F0E7E3 · #DBC7BB · #B59F8B · #7F3F3D · #20120C

A conversation between Coffee and Taupe, giving this palette its sense of sophistication.

The five colors

• Parchment (#F0E7E3): a clean, paper-quiet neutral.
• Oat (#DBC7BB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B59F8B): A luminous, dusty gold — the color of old brass.
• Coffee (#7F3F3D): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#20120C): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Softworn Terracotta Market color palette (#F5EBF4, #D7C7CF, #95A696, #8E2F36, #372836)
• Aged Meadow color palette (#F0E6E0, #BFB0A2, #998B75, #712B00, #130802)
• Rust Meadow color palette (#FFF2EE, #E0DBCE, #C1C4AD, #A85C63, #291A15)
• Antique Drift color palette (#F9DAC9, #C38846, #676338, #004454, #2A162D)
• Olive Parlor color palette (#F4F2E8, #CEDEC9, #BCC3A5, #6E7003, #282518)
• Jade Garden color palette (#DEE1D2, #1FA57A, #006359, #512E27, #0D1501)
• Hushed Olive Bloom color palette (#F1ECE1, #928E78, #6C7028, #312A00, #020100)
• Softworn Ember color palette (#FFEBDF, #FF92A7, #E85B00, #8A6A00, #1A0800)

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