Misty Cocoa Orchard color palette — #F3D9E9 · #9D5C34 · #762900 · #490600 · #080200

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

The five colors

• Shell Pink (#F3D9E9): A whisper-light, dusty pink — the color of a candy shop window.
• Ochre (#9D5C34): A full-bodied, balanced gold — the color of old brass.
• Rust (#762900): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#490600): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#080200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

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

• Timeworn Cabin color palette (#FFE8DF, #A85B29, #662300, #290300, #030100)
• Ancient Cocoa Quarry color palette (#DBE9DC, #816C37, #5C3F00, #351E00, #050300)
• Dusty Drift color palette (#FFE8F0, #BF9662, #9D6223, #783A00, #312100)
• Cocoa Drift color palette (#D1F7F5, #006335, #792500, #3A2300, #000201)
• Feathered Terracotta color palette (#FFE7F2, #DFA777, #BB713F, #A03C00, #4D2D00)
• Aged Harbor color palette (#D9F0FC, #478638, #00313C, #1E1D25, #00070B)
• Frosted Aubergine color palette (#D8E1FF, #7065C3, #5404A7, #30004E, #07000B)
• Patina Bronze color palette (#EBF9F0, #A0C9B4, #9D8F53, #7F6525, #244539)

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