Cocoa Archive color palette — #DBEBDE · #A9C1AA · #6B9B8E · #8C6448 · #633F00

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

The five colors

• Honeydew (#DBEBDE): A whisper-light, dusty teal — the color of sea glass.
• Stone (#A9C1AA): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#6B9B8E): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#8C6448): A full-bodied, dusty gold — the color of old brass.
• Bronze (#633F00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Cocoa Archive 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

• Timeworn Courtyard color palette (#D0EFD1, #94C1B0, #8486AE, #84601B, #563B00)
• Antique Ash Chapel color palette (#D5FFFA, #94DCDF, #7BA7CE, #93664C, #2B452B)
• Fern Ridge color palette (#E8FBEB, #C9E1DA, #B89DA6, #8D8872, #5B5300)
• Ancient Meadow color palette (#FFF3E7, #C2B485, #798943, #546D2E, #38352F)
• Weathered Chapel color palette (#D9F6EA, #66A4B3, #57709E, #6A3A00, #422404)
• Timeworn Boulevard color palette (#D9EBF7, #98AFC3, #627DA6, #684D6D, #633139)
• Softworn Fern color palette (#D6E5DF, #A2A6CF, #9A7295, #5D6218, #003E2E)
• Dusty Olive Workshop color palette (#E0F5FF, #AAB7E7, #B786B6, #577941, #345838)

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