Aged Cocoa color palette — #F9F4EE · #C8DFCB · #B6AF89 · #9D7A89 · #584300

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#C8DFCB): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#B6AF89): A luminous, dusty green — the color of new leaves after rain.
• Heather (#9D7A89): A luminous, dusty rose — the color of strawberry cream.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Aged 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

• Wandering Summit color palette (#F4F6ED, #C1EAD1, #61AEA3, #956A62, #2B4000)
• Softworn Rust Orchard color palette (#FFF1F1, #EBD5D0, #ED9DA6, #BA655D, #564E4A)
• Stone Quarry color palette (#EDF9EE, #A2CCB4, #638B7D, #626476, #435149)
• Tempered Cabin color palette (#FFF2EC, #DFDACD, #E7ABB6, #9AB2B4, #7C421A)
• Antique Chestnut color palette (#FFF2EB, #E2D9D0, #E7A08E, #995341, #4A2113)
• Wandering Grove color palette (#EFDFC5, #94924E, #405600, #570015, #010100)
• Coral Grove color palette (#FFF2ED, #F2D5C4, #86DCE6, #E27474, #324E39)
• Moss Canyon color palette (#FAF5E6, #CFE2A5, #5EA64E, #84588A, #283401)

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