Ancient Cocoa color palette — #FFF4E0 · #FFD1C2 · #AFA26A · #836883 · #5D3400
A conversation between Cocoa and Camel, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Shell Pink (#FFD1C2): A whisper-light, dusty orange — the color of toasted spice.
- Camel (#AFA26A): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#836883): A full-bodied, dusty pink — the color of neon signs at night.
- Cocoa (#5D3400): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Ancient Cocoa 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
- Dusty Cocoa Meadow color palette (#FCF5E3, #FFCED8, #C8966A, #4A7991, #672B0D)
- Patina Straw Atelier color palette (#FFF3E6, #F9DA87, #80B086, #786A92, #4C3E00)
- Patina Market color palette (#FBF4E8, #B3EFE3, #94BA94, #997E7D, #514600)
- Sand Loft color palette (#FDF3EC, #FFB998, #6DA891, #596A8F, #472F44)
- Wandering Bloom color palette (#FFF3E7, #D3D35C, #42A784, #745582, #32322B)
- Softworn Denim color palette (#EAFAED, #CA9C82, #887541, #00647B, #5B3E49)
- Antique Ridge color palette (#FFF2EC, #DFDECC, #C2C2AD, #998890, #624B56)
- Powder Terrace color palette (#FCF3EE, #BFE6F5, #B8C3F7, #619F98, #5A4657)
Browse the whole catalog at Explore, or see today's palette.