Ancient Cocoa color palette — #FFE8E2 · #F2B1AF · #D28880 · #A1685C · #773E16
A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and warmth.
The five colors
- Rose Water (#FFE8E2): A whisper-light, dusty orange — the color of autumn markets.
- Rose Quartz (#F2B1AF): A whisper-light, dusty orange — the color of toasted spice.
- Dusty Rose (#D28880): A luminous, balanced orange — the color of autumn markets.
- Mocha (#A1685C): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#773E16): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.
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
- Taupe Basin color palette (#FFF2EA, #EEB594, #C89063, #9A6F47, #4E4943)
- Stone Balcony color palette (#FEF2EC, #F0B4A1, #99BE85, #B87A67, #4D4E46)
- Washed Ash Orchard color palette (#FFEEF1, #EDB9E3, #C98EB7, #9A6482, #674340)
- Tempered Cocoa Harbor color palette (#FFF2EB, #E49E83, #A9A96D, #AF81A4, #683102)
- Tangerine Grove color palette (#F9DACC, #E97626, #A45A00, #6F4000, #452A00)
- Cocoa Hollow color palette (#FFF2EA, #DEDACC, #94C0C1, #C69B85, #784311)
- Amber Market color palette (#E9DCD0, #B87A00, #855C00, #4E3900, #241D00)
- Misty Moss Atelier color palette (#E9E3C6, #ACA500, #747E00, #536300, #293F00)
Browse the whole catalog at Explore, or see today's palette.