Muted Cocoa Study color palette — #D0E7DD · #45ABB4 · #3471A3 · #723600 · #242000

A conversation between Bronze and Slate, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D0E7DD): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#45ABB4): A luminous, balanced blue — the color of open sky before noon.
• Slate (#3471A3): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#723600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#242000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Hushed Basalt Balcony color palette (#D7EBF3, #739BBE, #5E6489, #504200, #002C0C)
• Washed Fern color palette (#ABF2F9, #89B1DB, #8273AC, #5F5500, #003822)
• Wandering Spruce color palette (#D2E7F5, #69779A, #6B476F, #1D3D00, #001512)
• Weathered Petrol Boulevard color palette (#FAEEF6, #85C9CC, #007E9B, #005439, #001C30)
• Aged Indigo color palette (#E4F2FF, #82A2DF, #665DCC, #772659, #5F2737)
• Worn Abyss Coast color palette (#DDF8FB, #B4C5CF, #8493AA, #82626C, #20443C)
• Forest Bloom color palette (#D0EDDA, #889F5F, #006E32, #004849, #111900)
• Powdered Ultramarine color palette (#D6E6FF, #447CFF, #936900, #0022D6, #1F1300)

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