Weathered Cocoa color palette — #FFE8F5 · #865F23 · #5F2300 · #3B0011 · #0E0B00

Espresso and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FFE8F5): A whisper-light, dusty pink — the color of a candy shop window.
• Walnut (#865F23): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#5F2300): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#3B0011): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#0E0B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Weathered 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

• Olive Villa color palette (#DBE6DC, #6E6B1A, #4C3300, #340F00, #040F00)
• Linen Garnet color palette (#FFE0F0, #AD6C28, #853900, #600300, #120900)
• Fern Study color palette (#D4E9DD, #799062, #615700, #502E00, #002C19)
• Muted Garnet Chapel color palette (#FDCFE3, #A9893E, #894700, #760013, #292C00)
• Shadow Olive Harbor color palette (#DCE3FB, #437D24, #200054, #291124, #050019)
• Hazy Byzantium Meadow color palette (#EDECFF, #96429F, #690035, #330D00, #120700)
• Velvet Mulberry color palette (#E3DCF1, #750067, #572600, #002318, #0D000A)
• Sunlit Delta color palette (#E4E8FA, #6B4FC2, #4B2A00, #2C0069, #040100)

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