Muted Cocoa Drift color palette — #F0E0D6 · #AF693D · #893400 · #5C0F00 · #160700

Rust and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F0E0D6): A whisper-light, dusty gold — the color of old brass.
• Ochre (#AF693D): 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 (#5C0F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#160700): 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 Muted Cocoa Drift 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

• Antique Ridge color palette (#F5E6D4, #977837, #6F4A00, #472800, #100B00)
• Amber Terrace color palette (#F6E1D8, #C76921, #813100, #420900, #040001)
• Weathered Garnet color palette (#FCE5D7, #8F5920, #621F00, #3C000D, #110A00)
• Rust Veranda color palette (#FDDCD0, #C77B28, #B84200, #79323A, #001003)
• Hushed Bronze color palette (#E8E1CF, #A3A274, #837200, #604A00, #232700)
• Quiet Bronze color palette (#F9EDD8, #C3B47C, #A58015, #805700, #3B370B)
• Dusty Crimson color palette (#E8E1F4, #B87B00, #E60058, #2B000A, #060000)
• Misty Balcony color palette (#FFDEE8, #7C3BA9, #005F5D, #003B4F, #090013)

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