Aged Cocoa color palette — #D2ECC9 · #89C5D4 · #7197BA · #826661 · #672F04

Built around Rust, softened by Slate Blue — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#D2ECC9): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#89C5D4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#7197BA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pewter (#826661): A full-bodied, dusty orange — the color of autumn markets.
• Rust (#672F04): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, 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

• Lagoon Cabin color palette (#CFEBC3, #93CAB3, #52979A, #7E5F68, #5C4241)
• Washed Station color palette (#AEEAF9, #91BCE7, #9F8094, #8D6157, #5A3800)
• Dusty Bronze color palette (#DEFFE6, #A8D8C4, #B29BAC, #A26046, #754705)
• Antique Lantern color palette (#D3F4ED, #ADD1D4, #86AAC0, #A9786F, #345138)
• Worn Chestnut color palette (#E3E8D7, #8FA88D, #4F7F72, #7A4810, #5C3A00)
• Softworn Pewter Alley color palette (#EAF8FF, #B9DFFD, #7D9AC0, #815F8D, #3A2F4A)
• Washed Amber Garden color palette (#D6F8E9, #50C7FE, #C3692D, #007CA7, #4F2B14)
• Washed Corridor color palette (#E8F1FF, #C6B9FE, #AF7CB6, #716C65, #4B541B)

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