Muted Cocoa color palette — #CAF0F9 · #006963 · #5F2A00 · #431C00 · #001602

Rust takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#CAF0F9): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#006963): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#5F2A00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#431C00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#001602): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Wandering Garnet Pier color palette (#CCE6F1, #007683, #86002E, #392C00, #161D02)
• Obsidian Lagoon color palette (#DCECFF, #004E7D, #5A0500, #3B0200, #020C00)
• Hazy Meadow color palette (#CBF1FD, #005F66, #7B003C, #4E0024, #001A09)
• Timeworn Garnet Cabin color palette (#DEE1CB, #006926, #78020A, #3F2400, #050400)
• Terracotta Garden color palette (#CAEEF1, #00946D, #9B4000, #4F3D00, #001613)
• Inked Denim Ridge color palette (#DAECFF, #005796, #3B2E34, #1E1036, #000918)
• Worn Ultramarine color palette (#EFF4FF, #1D3AFF, #5A3B00, #402900, #002112)
• Frosted Garnet color palette (#D0F5F1, #006C35, #710035, #490020, #1B071A)

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