Cocoa Coast color palette — #F3E5D8 · #A9936E · #8A5617 · #712B10 · #32302A

Rust and Ochre set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F3E5D8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#A9936E): A luminous, dusty gold — the color of honey in a jar.
• Ochre (#8A5617): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#712B10): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#32302A): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Coast 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 Chestnut color palette (#F3D8E1, #B5925E, #8A5813, #5F3000, #031E0B)
• Patina Bronze color palette (#F4E5D6, #C8A87A, #AD7126, #7B4F2D, #34302A)
• Terracotta Basin color palette (#FCD5BE, #B87F4B, #9B3400, #740024, #362600)
• Weathered Summit color palette (#FFEDD6, #82763B, #5E3E00, #431B00, #131900)
• Inked Chestnut color palette (#F4E2D1, #6F551A, #432200, #250400, #040400)
• Dusty Terracotta Villa color palette (#DAF6EE, #2375B5, #9C3F2E, #414A00, #012E26)
• Sunlit Mulberry color palette (#FAF2FA, #779CC9, #972E6F, #004F96, #291010)
• Pale Mulberry Drift color palette (#CCE1FF, #9899DA, #86519A, #760055, #5A0024)

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