Aged Cocoa color palette — #D6E4C6 · #69A397 · #466994 · #583100 · #361A00

Cocoa and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#D6E4C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Eucalyptus (#69A397): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#466994): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#583100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#361A00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Quiet Delta color palette (#DDF2D3, #5EA3B4, #3F6E96, #712C45, #5D2217)
• Muted Ridge color palette (#E2F6DB, #5B98B8, #675987, #3E3F14, #221B00)
• Ancient Atelier color palette (#FBEBCC, #709A74, #4A6E5A, #55332F, #30110E)
• Tempered Cocoa color palette (#DFECDE, #97B196, #86667D, #673E00, #3E2300)
• Cerulean Study color palette (#D6F2E4, #84AFAC, #3D8EA5, #79542A, #3A3600)
• Timeworn Basalt color palette (#E0E0CE, #599D86, #006168, #28410B, #00170F)
• Worn Courtyard color palette (#E1FBFF, #7EC9D7, #6588A7, #784552, #4B1A0D)
• Timeworn Navy Ridge color palette (#C9EDE4, #007493, #423373, #272200, #0B0900)

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