Pale Cocoa color palette — #FFDFF3 · #996B32 · #772700 · #50001F · #1B1600

Rust takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFDFF3): A whisper-light, dusty pink — the color of a candy shop window.
• Walnut (#996B32): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#772700): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#50001F): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#1B1600): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Timeworn Cocoa Lantern color palette (#FFECE0, #9A6336, #732900, #490005, #0A0400)
• Weathered Garnet color palette (#F1DEE8, #A4814A, #893C00, #6B0020, #282500)
• Bronze Courtyard color palette (#D4E9D3, #827728, #603D00, #4A1200, #0D1A00)
• Aged Garnet color palette (#FAE0EA, #7EA188, #855830, #742521, #16382D)
• Amber Alley color palette (#F3DCD0, #D08F45, #B56247, #854253, #1C1600)
• Nocturne Field color palette (#E3F2E8, #50602E, #352B00, #1D0C00, #000501)
• Hushed Rust color palette (#DDEFFF, #B95A4C, #002A43, #1E1823, #000A15)
• Antique Thicket color palette (#D9F7E8, #82AA6F, #716D00, #654100, #03402C)

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