Cocoa Courtyard color palette — #EEDAE1 · #AF9468 · #86592D · #642B0B · #021E0F

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

The five colors

• Shell Pink (#EEDAE1): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#AF9468): A luminous, dusty gold — the color of old brass.
• Coffee (#86592D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#642B0B): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#021E0F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Ancient Chestnut Field color palette (#D3E6D7, #78A48C, #7F5F00, #593500, #001E15)
• Timeworn Chestnut color palette (#E0EEDF, #9C8348, #754B00, #4E2400, #001309)
• Antique Amber color palette (#FFF1F6, #AFD1B9, #B37C4A, #85413A, #00291E)
• Brick Veranda color palette (#ECDCE4, #CB8497, #AE4445, #602000, #2A1300)
• Bronze Veranda color palette (#F3E5D8, #CAA872, #AE7030, #7C4D37, #33302A)
• Timeworn Alley color palette (#FDEDF5, #CEB3BC, #9B768A, #7C473E, #223023)
• Deep Fern color palette (#E1F3E8, #636701, #403600, #221500, #010200)
• Linen Mulberry color palette (#F3F0FA, #C688BC, #A54107, #8A1881, #10020A)

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