Ancient Cocoa color palette — #FFF4E3 · #EAABA7 · #9C9361 · #5D6E95 · #6C3900
Bronze and Rose Quartz set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4E3): A whisper-light, dusty gold — the color of old brass.
- Rose Quartz (#EAABA7): A luminous, dusty orange — the color of sun-warmed clay.
- Moss (#9C9361): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#5D6E95): A full-bodied, dusty violet — the color of twilight just after sunset.
- Bronze (#6C3900): A full-bodied, 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
- Washed Mallow color palette (#F8F6E5, #D9ADD6, #B38773, #43778A, #59413E)
- Antique Coast color palette (#FFF2EA, #D6B98A, #6EA080, #896170, #574600)
- Ancient Villa color palette (#EBFAED, #FFCFCD, #B0A365, #5F71A0, #4A3A42)
- Aged Harbor color palette (#FFF2ED, #DF9E99, #429CA0, #606495, #57364C)
- Dusty Coast color palette (#EBFAEE, #CA9C80, #857644, #00637C, #593F48)
- Tempered Orchard color palette (#FFF2F0, #EBCEBC, #ABA694, #9C7D84, #66484F)
- Apricot Studio color palette (#FFF3E6, #F28846, #698B25, #524F9D, #483000)
- Worn Amber Atelier color palette (#FCF0E2, #C29152, #655801, #3C3731, #27201C)
Browse the whole catalog at Explore, or see today's palette.