Cocoa Courtyard color palette — #FEF4E4 · #FFBFA9 · #C4AA7E · #5398A4 · #6B3A00

Built around Bronze, softened by Wheat — the whole palette hums with trust and stability.

The five colors

• Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#FFBFA9): A whisper-light, balanced orange — the color of toasted spice.
• Camel (#C4AA7E): A luminous, dusty gold — the color of old brass.
• Storm Blue (#5398A4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Bronze (#6B3A00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, light, 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

• Antique Terrace color palette (#FDF4E5, #E4CE9A, #A0B785, #758DB1, #594500)
• Stone Delta color palette (#FFF4E2, #F5BED5, #DC9C8F, #609A7E, #5B403A)
• Aged Stone color palette (#FFF2E9, #DDDCC1, #B8C4A9, #89A396, #594C58)
• Washed Cocoa color palette (#FDF4E3, #E5ACB4, #A49066, #7F6481, #6F360E)
• Timeworn Petrol Field color palette (#E9FAED, #FFCDDA, #BC9C6C, #5972A1, #4D3748)
• Ancient Harbor color palette (#FFF4DE, #FFAB5B, #B09F00, #0085B4, #493000)
• Bronze Studio color palette (#FDEFE3, #E3A978, #997432, #78480C, #27201C)
• Soft Moss color palette (#EFDBBC, #DC9C40, #899000, #006CA6, #2F2200)

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