Aged Cocoa color palette — #DDF6E9 · #006581 · #733600 · #002F3E · #070100

A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DDF6E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006581): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#733600): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#070100): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Hushed Garnet color palette (#E0F1FF, #006694, #872300, #003049, #230400)
• Muted Garden color palette (#D6EDD7, #00686C, #8A0035, #003132, #0A0001)
• Ultramarine Parlor color palette (#E2EEFF, #0057B6, #5C4600, #00275A, #040200)
• Lowlit Meadow color palette (#D6E9F4, #00506E, #682800, #472500, #000103)
• Patina Chestnut Dune color palette (#D3E4F0, #0083AB, #9F4B00, #004C65, #1E0900)
• Ancient Grove color palette (#D8F2EB, #BE3A00, #006C85, #060C12, #000201)
• Muted Byzantium Parlor color palette (#C7EEFB, #789CE6, #8E51BF, #004844, #00060F)
• Lowlit Corridor color palette (#F6EDD9, #6A6400, #463200, #281100, #020200)

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