Weathered Cocoa color palette — #FFF3E4 · #CABD59 · #AA7000 · #862A00 · #0F1D00
A conversation between Rust and Ochre, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Gold (#CABD59): A luminous, balanced green — the color of new leaves after rain.
- Ochre (#AA7000): A full-bodied, balanced gold — the color of old brass.
- Rust (#862A00): A full-bodied, balanced orange — the color of autumn markets.
- Ink (#0F1D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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
- Antique Bronze color palette (#FFF0F8, #CBAD83, #AC5E34, #752735, #00180D)
- Hushed Olive color palette (#DBFFED, #A2C88D, #898200, #6B4400, #001E12)
- Pale Mustard Boulevard color palette (#EEDBC2, #DEB21C, #C68600, #A85903, #2D2A00)
- Powdered Ridge color palette (#FDD7AA, #A08E00, #7D5000, #6C1C00, #1D2F00)
- Frosted Pier color palette (#D3EBD3, #AC8800, #7B5100, #542900, #151300)
- Patina Bronze Parlor color palette (#EDF9EE, #C5E6D6, #B5996B, #945A3E, #0D3A34)
- Tempered Pier color palette (#DAF7E2, #7F8E4A, #5F4B00, #361800, #000200)
- Timeworn Lagoon color palette (#E3FAFF, #00A4BA, #9D4AEA, #7D4400, #001013)
Browse the whole catalog at Explore, or see today's palette.