Cocoa Courtyard color palette — #FFDFD7 · #B5A971 · #489070 · #7C4E63 · #713232

Oxblood takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFDFD7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sage (#B5A971): A luminous, dusty green — the color of fresh herbs.
• Fern (#489070): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#7C4E63): A full-bodied, dusty rose — the color of strawberry cream.
• Oxblood (#713232): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Balance. Tagged vintage, 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

• Cocoa Terrace color palette (#F8E1B6, #ADAC88, #5E7964, #704C4B, #652F00)
• Hushed Navy color palette (#FFE3E1, #CA9D6B, #6A8863, #705169, #38457B)
• Washed Cypress Loft color palette (#FFEAD8, #92925E, #2A7866, #633948, #50221D)
• Misty Teal Dune color palette (#F4F1C1, #AAC196, #56AA85, #676EA4, #5F4268)
• Antique Teal color palette (#F7F7DE, #60B698, #007880, #733D51, #054634)
• Worn Teal Bloom color palette (#FFE7D8, #D5D399, #68BE9D, #9F758F, #673C58)
• Weathered Onyx color palette (#EAE0B0, #A4BA8D, #499074, #45487F, #40184B)
• Softworn Hollow color palette (#E1E1BE, #63B882, #007B9B, #6C3800, #3F3000)

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