Weathered Cocoa color palette — #CCF0D9 · #A0D0C2 · #C09BB2 · #A47F6A · #5A3F18

Cocoa takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#CCF0D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#A0D0C2): A luminous, dusty teal — the color of sea glass.
• Mauve (#C09BB2): A luminous, dusty pink — the color of a candy shop window.
• Caramel (#A47F6A): A luminous, dusty gold — the color of honey in a jar.
• Cocoa (#5A3F18): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Muted Bronze color palette (#C3ECE1, #E2B8D3, #B398BF, #A7763E, #544300)
• Worn Atelier color palette (#D4E6BF, #B2CEB5, #84B2CC, #9F7675, #6E3116)
• Basalt Veranda color palette (#BBEFD3, #9FC7AE, #8E8BB8, #76683B, #553D00)
• Antique Veranda color palette (#FFF0FC, #F1D3DD, #D0B9BB, #ABA08A, #595200)
• Worn Forest color palette (#EFEBFF, #EEBCC4, #D79EAF, #849051, #18572E)
• Dusty Bronze color palette (#E7DBF2, #D4A9AC, #B89085, #7B7227, #023F26)
• Jade Courtyard color palette (#F9F5E5, #CDCDA1, #6EB281, #748C6D, #36362F)
• Dusty Bloom color palette (#DBFDFB, #B2E9E9, #799CB7, #7B6B24, #144341)

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