Misty Cocoa color palette — #FCE2F2 · #9E6832 · #772800 · #510014 · #1E1400

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

The five colors

• Blush (#FCE2F2): A whisper-light, dusty pink — the color of a candy shop window.
• Ochre (#9E6832): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#772800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#510014): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#1E1400): 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

• Muted Bronze color palette (#E9F3E8, #887525, #603D00, #441900, #151800)
• Chestnut Drift color palette (#FAE3EF, #A97E4B, #81421D, #5E1E20, #2D2300)
• Tempered Workshop color palette (#EEE0F1, #847E00, #4E001D, #341D0E, #1A0005)
• Airy Rust color palette (#FFEBDE, #CA915A, #C45727, #963340, #201300)
• Faded Scarlet color palette (#F0E2EF, #C6404A, #394500, #630014, #000503)
• Cellar Cocoa Canyon color palette (#FEE9F2, #6B3800, #003328, #041A27, #160011)
• Inked Fern Boulevard color palette (#D2E8DA, #546110, #342B00, #1B0D00, #000500)
• Ancient Bronze color palette (#FFF0F7, #91B190, #91684E, #71433F, #2C4335)

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