Cocoa Garden color palette — #FCF3EF · #DCDACD · #BCC4AF · #CA8E80 · #602700

Rust takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#DCDACD): bright and airy, almost weightless.
• Stone (#BCC4AF): A luminous, dusty green — the color of new leaves after rain.
• Camel (#CA8E80): A luminous, dusty orange — the color of sun-warmed clay.
• Rust (#602700): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Cocoa Garden 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

• Softworn Taupe Grove color palette (#FBF4EE, #DCDFCF, #A7BBB2, #C6A489, #4E4640)
• Driftwood Alley color palette (#FBF4EF, #DDDAD1, #99B4B3, #B07C62, #352C26)
• Driftwood Pier color palette (#F9F5ED, #D7DDD4, #A7B5B4, #7C7390, #56524B)
• Oat Balcony color palette (#FFF3E2, #BFD586, #70B188, #9F7783, #37362F)
• Terracotta Balcony color palette (#F6F0F3, #DED3D1, #ABBCB2, #A1441F, #291C24)
• Oat Summit color palette (#FFD1D6, #E6C193, #8CAC87, #987087, #593D4D)
• Washed Amber Corridor color palette (#FDEDDC, #D68600, #706112, #563400, #150A06)
• Aged Mint color palette (#FFF3E7, #FFD1DA, #FFBC84, #7CC388, #3E3103)

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