Ancient Cocoa color palette — #F9F1E1 · #9EA574 · #536E3E · #6F3217 · #221C00

Rust takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F1E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9EA574): A luminous, dusty green — the color of fresh herbs.
• Olive (#536E3E): A full-bodied, dusty green — the color of new leaves after rain.
• Rust (#6F3217): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#221C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Faded Olive Thicket color palette (#FAF1DA, #9FB076, #3C7D2D, #564D02, #1C2400)
• Jade Atelier color palette (#E5E7D0, #3EAC78, #006B5A, #583500, #001C0E)
• Wandering Amber color palette (#F6E4CB, #B58813, #7B6B00, #464A00, #1C2600)
• Ancient Cypress Bloom color palette (#EAFAEE, #79A59B, #2D7156, #5D3D66, #0F3E35)
• Hushed Canyon color palette (#FAF2D7, #B2EAD5, #71C3A6, #826F38, #2B2706)
• Washed Driftwood color palette (#F7F1E9, #CFC2A4, #91833A, #805914, #33312A)
• Washed Lagoon color palette (#FEF4E3, #C5D9A5, #5F9879, #7F5662, #2C290E)
• Pale Moss Pier color palette (#F0E9D4, #9C951F, #7072BE, #5C5800, #171342)

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