Cocoa Courtyard color palette — #FDDEEB · #7C3E00 · #00445E · #351700 · #00070D

Bronze and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#FDDEEB): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#7C3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#00445E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#351700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00070D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Shadow Garnet Delta color palette (#F0E0EE, #9B0019, #00474F, #440006, #000709)
• Eclipse Station color palette (#D8EDDD, #654D00, #002F9B, #2A1E00, #00031C)
• Faded Bronze Canyon color palette (#FFEADB, #A24E00, #005E8D, #5A2800, #00070F)
• Cellar Study color palette (#FAE4D2, #5D3300, #003D36, #330058, #040100)
• Smoked Chestnut Bloom color palette (#FFE7F2, #7D4D00, #461F00, #250400, #060300)
• Aubergine Basin color palette (#E2F5EE, #546800, #6A00A2, #273200, #1A002C)
• Softworn Garden color palette (#EDD8E0, #B29348, #707A2A, #631500, #110900)
• Tempered Chestnut Villa color palette (#E0DCF7, #00877C, #796000, #0A120D, #000201)

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