Cocoa Courtyard color palette — #FEF4E5 · #C3A07E · #7C7A46 · #256080 · #614000

Built around Bronze, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Cream (#FEF4E5): A whisper-light, dusty gold — the color of old brass.
• Camel (#C3A07E): A luminous, dusty gold — the color of old brass.
• Walnut (#7C7A46): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#256080): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#614000): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Worn Cocoa Market color palette (#FFF4E3, #CC9899, #9A6B47, #006862, #703512)
• Patina Denim color palette (#FAF4ED, #B7905C, #3A8064, #315484, #5C3636)
• Timeworn Thicket color palette (#FCF0E1, #D59B8C, #797D42, #4A4E76, #36291D)
• Weathered Moss color palette (#ECFAEB, #EBAC9B, #949949, #666B95, #554148)
• Chestnut Balcony color palette (#F8F5EC, #C3C3A9, #678C6C, #90552E, #535000)
• Sand Orchard color palette (#E7FBEB, #F9C591, #B4B17D, #6692AE, #3C4D3F)
• Soft Lagoon color palette (#FFF4E2, #AD8600, #4A6D00, #004092, #3C3600)
• Wandering Petrol Studio color palette (#F8F5EF, #C8E7E9, #7D9CC1, #227B8B, #614A5D)

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