Aged Cocoa color palette — #E1F6E9 · #76A1C5 · #656791 · #673221 · #472F09

Cocoa takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#E1F6E9): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#76A1C5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#656791): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#673221): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#472F09): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Patina Grove color palette (#CEE9E1, #8E95CA, #855E69, #694100, #3E3700)
• Garnet Balcony color palette (#D3F7EE, #759D83, #4A6D91, #673544, #50281C)
• Timeworn Thicket color palette (#E1F3FF, #6F7EA4, #5C4F78, #5A2F00, #342900)
• Dusty Workshop color palette (#D9E8CC, #5A9695, #44608F, #434000, #132100)
• Timeworn Chestnut color palette (#C3F1F5, #76B19F, #5B8398, #7A4C00, #284510)
• Tempered Chestnut color palette (#D3FDF0, #C6A6BB, #9B7D85, #84541B, #604B00)
• Dusty Petrol Quarry color palette (#F5EDE1, #7FBEC1, #007588, #005142, #003345)
• Dusty Pewter Harbor color palette (#E2DDF9, #865F88, #5D2C40, #201F00, #001504)

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