Aged Cocoa color palette — #ECF8F9 · #559A7E · #915A43 · #644900 · #223A35

Bronze and Fern set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#ECF8F9): bright and airy, almost weightless.
• Fern (#559A7E): A luminous, balanced teal — the color of sea glass.
• Walnut (#915A43): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#644900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#223A35): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication. Tagged jewel, vibrant, muted.

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

• Cocoa Loft color palette (#EEF8F4, #7B8652, #94586F, #7D402E, #273B2C)
• Tempered Fern color palette (#EBF8FD, #498E99, #7B620F, #3C5D18, #243A3D)
• Plum Bloom color palette (#E8F4FA, #4F9EB2, #A25372, #575212, #101E24)
• Chestnut Archive color palette (#E4FAFF, #007670, #7C4A00, #3E3D00, #003016)
• Softworn Loft color palette (#EFF8F2, #4DB8D2, #BB6C82, #6F6730, #29362E)
• Cocoa Lagoon color palette (#F4F4FE, #A68CB4, #9B596F, #833C17, #504112)
• Patina Sky Parlor color palette (#ECF9F3, #65C6F8, #B492D2, #869269, #29362A)
• Aged Cerulean Workshop color palette (#F1F6FB, #D9D9E0, #B5A9AD, #5F86A9, #4E5359)

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