Ancient Cocoa color palette — #FAF5E9 · #C7DFCB · #928657 · #5A4200 · #1E1B14

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

The five colors

• Ivory (#FAF5E9): a clean, paper-quiet neutral.
• Celadon Mist (#C7DFCB): A whisper-light, dusty teal — the color of shallow lagoons.
• Mocha (#928657): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#5A4200): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#1E1B14): a grounded near-black with real depth.

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

• Straw Study color palette (#F3F7E8, #EBEB97, #498659, #383932, #0E1104)
• Weathered Atelier color palette (#ECF4EF, #ACCDB3, #6B6237, #3A3103, #0D1611)
• Aged Terrace color palette (#F9F5EB, #F2DAB5, #AE9C74, #856820, #2F2B22)
• Mustard Drift color palette (#EEF0DC, #B3A500, #104901, #182324, #010B00)
• Ancient Balcony color palette (#FAF5E6, #CBC86A, #74BEB8, #B16F51, #34322B)
• Bronze Boulevard color palette (#F6EFDA, #947700, #1F1C00, #0A0C06, #010100)
• Lichen Market color palette (#F6F5ED, #EAFFBA, #77C09F, #90A366, #1C2015)
• Aged Garden color palette (#F9F6E4, #ABF2AF, #74B199, #4F7D6E, #394600)

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