Misty Cocoa color palette — #F7D5F5 · #D38B81 · #BE5E49 · #893400 · #4A2005

A conversation between Rust and Terracotta, giving this palette its sense of optimism and warmth.

The five colors

• Thistle (#F7D5F5): A whisper-light, dusty pink — the color of peonies in June.
• Camel (#D38B81): A luminous, balanced orange — the color of toasted spice.
• Terracotta (#BE5E49): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#893400): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4A2005): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, 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

• Worn Mulberry Villa color palette (#E5DBED, #D690A9, #AD526B, #8D1D39, #4F1E21)
• Faded Bronze color palette (#FEE0ED, #D79E6D, #A66800, #714B00, #3E2B00)
• Aged Cocoa Cabin color palette (#FCEDF6, #C2A0B2, #986755, #75372D, #331926)
• Bronze Study color palette (#FFECF4, #DCAA85, #AA6125, #602D00, #250E00)
• Misty Rust color palette (#FFECEA, #ED9296, #C14C24, #8C4604, #504B45)
• Ember Villa color palette (#FFD4D3, #FFA397, #E36D4C, #9D5332, #603A25)
• Dusty Terracotta Drift color palette (#FEECF7, #D88E76, #9B7BC9, #AB3805, #2D1F41)
• Bronze Lagoon color palette (#FEECF5, #E8D0CD, #C4CB9E, #A56C55, #3E2430)

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