Weathered Cocoa color palette — #FFEEE3 · #E8C1A9 · #B07359 · #7B3316 · #360F00

Built around Rust, softened by Mocha — the whole palette hums with optimism and warmth.

The five colors

• Cream (#FFEEE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Oat (#E8C1A9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#B07359): A luminous, balanced orange — the color of sun-warmed clay.
• Rust (#7B3316): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#360F00): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

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

• Aged Garnet Parlor color palette (#FFEDEB, #EBBCB6, #B4738D, #742D4F, #370F22)
• Softworn Fern Quarry color palette (#FFF0D6, #D5C699, #968548, #5B4A00, #221A00)
• Amber Harbor color palette (#FFF0F9, #FDBFA8, #B9714D, #78402A, #4F2F44)
• Hushed Chestnut Corridor color palette (#FFF2EB, #DFD9CD, #E2A788, #955431, #401A03)
• Bronze Harbor color palette (#FFEFDE, #E7A25A, #A05E00, #5A3100, #1E0E00)
• Amber Ridge color palette (#F8E5C6, #C08A2B, #714F00, #342100, #0A0500)
• Tempered Cocoa color palette (#FFEEE5, #DDD9C5, #BFC6A2, #BF7E83, #582D00)
• Wandering Denim color palette (#F9F0E6, #B28E54, #4B8DA4, #5E548E, #2B2112)

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