Misty Cocoa color palette — #CEF2DC · #007B93 · #7F2E00 · #452E00 · #1B2202

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

The five colors

• Honeydew (#CEF2DC): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007B93): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7F2E00): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#452E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#1B2202): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Hushed Petrol color palette (#CCE9DD, #00719E, #6F3300, #003818, #001F1B)
• Chalky Navy Thicket color palette (#DFEDD5, #008169, #0045A0, #4E2700, #002C22)
• Dusty Courtyard color palette (#CCF2E3, #0097D6, #AC00A9, #6A3A00, #002D14)
• Frosted Mulberry color palette (#C5E5FF, #007AAE, #810075, #402500, #00130B)
• Feathered Mulberry Veranda color palette (#D7EFDE, #007C8C, #88005B, #003F10, #002A30)
• Weathered Nightshade Corridor color palette (#E4EDC8, #00853F, #3907D1, #3B3300, #002D11)
• Chestnut Bloom color palette (#FDF1F8, #9492C1, #6C6A9A, #7C4300, #194C40)
• Feathered Rose color palette (#CBEEFF, #00BCD8, #F62C4E, #846100, #302100)

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