Ancient Cocoa color palette — #F8F5EF · #CCDCCB · #908756 · #594300 · #201B0F

Deep Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#CCDCCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#908756): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#594300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#201B0F): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Lagoon Grove color palette (#F3F7ED, #C7ECC6, #508366, #16422C, #0D1106)
• Bronze Coast color palette (#F8F5ED, #F5DAAE, #A6A16C, #826A20, #2F2B21)
• Timeworn Moss Thicket color palette (#ECF1DB, #A9A838, #004919, #1B2628, #000B02)
• Worn Olive Grove color palette (#F9F6E3, #EBDA85, #647402, #2B3300, #0A0700)
• Moss Garden color palette (#F6F6EE, #BCE5D2, #72C29A, #86A74B, #1C2014)
• Bronze Balcony color palette (#E9E1C7, #907812, #1D1D00, #0A0C06, #010100)
• Dusty Stone color palette (#EBF4EF, #DEBE89, #446B58, #22362C, #0C1711)
• Softworn Petrol color palette (#F6F6E9, #B7EBCE, #62B3A6, #4975A9, #3D413A)

Browse the whole catalog at Explore, or see today's palette.