Cocoa Courtyard color palette — #F0DCE7 · #863700 · #4F580B · #1F1800 · #080004

Rust and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F0DCE7): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#863700): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#4F580B): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#1F1800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#080004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Lowlit Mulberry Terrace color palette (#F0E1F1, #9C0034, #594B00, #281200, #070008)
• Tempered Harbor color palette (#FCDFCB, #5F646C, #7C3600, #1A1C13, #090500)
• Deep Study color palette (#FEE5D7, #394842, #5D2700, #16190F, #0F0600)
• Wandering Alley color palette (#F3DCDA, #C15700, #6D4A00, #3D3800, #0D1800)
• Velvet Bronze Parlor color palette (#F7D3E5, #A64E00, #4A2900, #1F100A, #14000B)
• Washed Cabin color palette (#EFE1D8, #9C4E00, #5606EC, #6E0F91, #110400)
• Dusty Corridor color palette (#D5F1E8, #536B00, #3C3F49, #002C21, #000D08)
• Washed Bronze color palette (#D3EBD9, #A48200, #2A501B, #132D1C, #180E13)

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