Cocoa Coast color palette — #FFF2EC · #E7D7C7 · #E49F82 · #A87356 · #75420A
Built around Bronze, softened by Camel — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#E7D7C7): A whisper-light, dusty gold — the color of honey in a jar.
- Camel (#E49F82): A luminous, balanced orange — the color of toasted spice.
- Mocha (#A87356): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#75420A): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.
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
- Muted Amber Bloom color palette (#FFF2F0, #FFC4C2, #F2A384, #C0814C, #524D47)
- Muted Cabin color palette (#FFF3E4, #DFE7AF, #C0A868, #8D8149, #634E00)
- Amber Archive color palette (#F8E5FF, #E8A39B, #C66D4E, #83532D, #2A402E)
- Stone Thicket color palette (#FFF1F2, #FFD0D2, #E1A0BC, #A76E81, #6A4943)
- Hazy Marigold color palette (#FFDEC4, #E4942A, #9E6900, #604500, #2D2100)
- Amber Dune color palette (#FFF2EC, #FFB37C, #D07900, #915900, #452C00)
- Antique Cocoa color palette (#FFF3E8, #DDDCCA, #DBB69D, #98B3B7, #704300)
- Ancient Veranda color palette (#F6ECDB, #BC9000, #7A6400, #423B00, #090800)
Browse the whole catalog at Explore, or see today's palette.