Cocoa Coast color palette — #F5ECE6 · #C4B8AF · #A18E79 · #632700 · #030100
Rust takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Cream (#F5ECE6): a clean, paper-quiet neutral.
- Stone (#C4B8AF): a calm mid-gray that lets other colors speak.
- Caramel (#A18E79): A luminous, dusty gold — the color of old brass.
- Rust (#632700): A deep, shadowed, balanced orange — the color of autumn markets.
- Black (#030100): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Garnet Studio color palette (#ECDDDB, #CCB5AF, #AA897D, #700239, #040000)
- Washed Onyx color palette (#E8DCE4, #9E868E, #756B41, #4D1300, #030002)
- Fern Corridor color palette (#F1EEE1, #D3D1BE, #A7A88E, #4E5200, #040200)
- Ancient Terracotta color palette (#E7DED9, #A2A194, #858B75, #A73B00, #140500)
- Weathered Fern Boulevard color palette (#F6E6CA, #857B46, #474D13, #00221D, #000202)
- Smoked Chestnut Orchard color palette (#E9DFD0, #8E5300, #402F00, #001107, #020100)
- Aged Tangerine Harbor color palette (#F6E5D3, #F7750B, #BE6F00, #755A00, #020100)
- Ancient Bronze color palette (#FAF4ED, #DDDDCE, #C1C4AF, #9A6B32, #271C0F)
Browse the whole catalog at Explore, or see today's palette.