Cocoa Courtyard color palette — #FFF0F9 · #EAAD69 · #8A2F00 · #2F0A00 · #040002

Rust and Sand set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sand (#EAAD69): A luminous, balanced gold — the color of old brass.
• Rust (#8A2F00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#2F0A00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged luxury, dark, muted, warm.

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

• Wandering Mulberry Harbor color palette (#FAF1FF, #EEA883, #832D53, #33001A, #030005)
• Weathered Dune color palette (#ECF9EE, #D6B675, #684C00, #211600, #000200)
• Worn Chestnut color palette (#FFF0F8, #F2C793, #924F22, #421B00, #0B0106)
• Weathered Rust Coast color palette (#E6DAE3, #C9BA59, #C24F3F, #753026, #160413)
• Tempered Marigold Cabin color palette (#FFE6F0, #D09534, #5A3000, #333029, #100500)
• Chalky Station color palette (#FEF1F6, #F2A865, #817900, #915100, #000201)
• Washed Moss color palette (#F5E0D6, #A28D00, #691410, #2A0101, #050100)
• Sunlit Mustard Thicket color palette (#FFF4DE, #D6BA53, #7F7A00, #424A00, #0D1800)

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