Weathered Cocoa color palette — #FFF4E1 · #FFD2B9 · #A5A675 · #856781 · #593700
A conversation between Cocoa and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Peach Cream (#FFD2B9): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#A5A675): A luminous, dusty green — the color of fresh herbs.
- Slate (#856781): A full-bodied, dusty pink — the color of neon signs at night.
- Cocoa (#593700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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
- Weathered Cocoa color palette (#FFF3E4, #FCC0B3, #B2B27A, #A37E9A, #683B00)
- Weathered Ridge color palette (#FFF3E6, #EDDF82, #77B191, #8E6574, #484000)
- Cocoa Chapel color palette (#FEF4E0, #FFCFD1, #BD9C71, #547C6E, #652D02)
- Sand Coast color palette (#FEF3EB, #FFBA94, #5FAA99, #696491, #4B2D3E)
- Wandering Denim Loft color palette (#EBFAED, #C59F80, #7F784A, #006284, #3B4D3C)
- Muted Basin color palette (#FFF3E9, #DDE1CA, #BCC2A1, #A08F97, #634D57)
- Washed Powder color palette (#FBF4EE, #C1E4F6, #C0C0ED, #7B9C7C, #5B4555)
- Denim Archive color palette (#EBF5EA, #D19C97, #837A3D, #4A4B80, #3C2330)
Browse the whole catalog at Explore, or see today's palette.