Cocoa Archive color palette — #E1F3DC · #4AA8A3 · #3383B1 · #823900 · #201800

Bronze and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E1F3DC): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#4AA8A3): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#3383B1): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#823900): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#201800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Pale Terracotta color palette (#CCF0E4, #759F84, #008895, #922629, #311C00)
• Tempered Balcony color palette (#D0E7E3, #5E9BB0, #6875AF, #6C4B00, #162200)
• Frosted Azure color palette (#E2EFFB, #2DABEE, #995E00, #006A99, #1A0C00)
• Aged Garnet Coast color palette (#D0E1F3, #788BB2, #595498, #6A1E4D, #370012)
• Softworn Cornflower Coast color palette (#D7E1EE, #3692FF, #855F00, #964700, #000718)
• Navy Canyon color palette (#D2EEE4, #087992, #26427A, #381800, #130500)
• Worn Olive color palette (#DBF2FB, #97A2CF, #9B6EA7, #4F7232, #002E27)
• Misty Bronze color palette (#D9E6DB, #7DCFCF, #68AADE, #AF590A, #4D4100)

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