Ancient Cocoa color palette — #FAF4ED · #C4E1CC · #9EB88C · #967D8D · #564400

Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Celadon Mist (#C4E1CC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9EB88C): A luminous, dusty green — the color of new leaves after rain.
• Heather (#967D8D): A luminous, dusty pink — the color of neon signs at night.
• Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Ancient Corridor color palette (#F6F6EE, #B7E5DF, #6DBFB7, #6D8E81, #3B4E05)
• Weathered Moss color palette (#FBF4EB, #DAE4BB, #8DAA5E, #8A6C7D, #3B3831)
• Lagoon Orchard color palette (#EEF8F1, #A5CBBC, #5E8C82, #51697B, #3C534A)
• Aged Pier color palette (#FEF1F4, #FCD1E7, #A1DF93, #B484C9, #464740)
• Tempered Powder color palette (#FFF1F4, #E3D8D2, #AEB2DE, #AAB5AE, #5E4949)
• Dusty Chapel color palette (#F7F6EA, #ADDEB6, #11A087, #765679, #262B0F)
• Muted Lime Quarry color palette (#FFF1F5, #E2B9FD, #A9C874, #6FB29C, #453238)
• Airy Fern Basin color palette (#EBDFCE, #919437, #265C00, #311D53, #010100)

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