Misty Cocoa color palette — #EDD9E4 · #AA6C45 · #893400 · #5C1000 · #150700

Built around Rust, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#EDD9E4): A whisper-light, dusty pink — the color of peonies in June.
• Mocha (#AA6C45): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#893400): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5C1000): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#150700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Soft Amber color palette (#F5D9C6, #C26D2A, #7F3300, #410B00, #030100)
• Ancient Bronze Ridge color palette (#D9ECDA, #9A7722, #6F4A00, #472800, #100B00)
• Powdered Study color palette (#FFE3F4, #945600, #612100, #3C000C, #001004)
• Garnet Atelier color palette (#F5E6F3, #BA6E19, #6E000D, #260002, #050005)
• Weathered Bronze color palette (#FDCFE4, #D1975E, #B35D00, #873600, #3B2300)
• Antique Bronze color palette (#CEE7D8, #A2A26F, #817200, #5F4A00, #222700)
• Wandering Chestnut Harbor color palette (#E2EFE6, #735F00, #00614F, #003D45, #060400)
• Softworn Lagoon color palette (#E0F5E5, #C4B570, #A58100, #7F5800, #3B3700)

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