Weathered Cocoa Field color palette — #FFD4C6 · #DB8E87 · #B75D48 · #882E00 · #421C05

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

The five colors

• Shell Pink (#FFD4C6): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#DB8E87): A luminous, balanced orange — the color of autumn markets.
• Terracotta (#B75D48): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#882E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#421C05): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Bronze Loft color palette (#FFDDC3, #D0996F, #A96607, #664300, #402B00)
• Pale Mulberry Grove color palette (#F8E4E2, #D291AB, #B95676, #8A2640, #4A171D)
• Softworn Bronze color palette (#FFEEE1, #E5B391, #AE672F, #612E00, #291000)
• Misty Terracotta Veranda color palette (#FFEEE5, #D3917E, #977FC2, #A63E20, #2D1E44)
• Linen Archive color palette (#F6E2FF, #E6868B, #CE5036, #87430C, #643F4C)
• Linen Olive color palette (#FFEEE2, #C5774A, #7C8815, #9B4A7D, #301703)
• Deep Terracotta color palette (#FCE2DC, #AA3600, #5D2100, #321500, #060200)
• Wandering Bronze color palette (#E7DECD, #A08500, #695D00, #3A3700, #171A00)

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