Weathered Cocoa color palette — #FAF4EC · #E8DDC2 · #AABD94 · #929F8A · #604A00
A conversation between Bronze and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF4EC): bright and airy, almost weightless.
- Bone (#E8DDC2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#AABD94): A luminous, dusty green — the color of new leaves after rain.
- Taupe (#929F8A): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.
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
- Stone Hollow color palette (#EAF9F3, #E7D5CF, #96CAC0, #A2AA9C, #5A4A5B)
- Washed Delta color palette (#EFF7F3, #B7DBCC, #93A278, #688480, #40524B)
- Washed Stone color palette (#E0FDF2, #92CFFA, #ECAE86, #A9AD7A, #2F4840)
- Ancient Driftwood color palette (#EEF4ED, #AECCBB, #788A5F, #45686C, #26352D)
- Moss Alley color palette (#F6E9D5, #BDC971, #60AC55, #796EB8, #2D3100)
- Jade Ridge color palette (#E9E4D6, #A2C78D, #3AA777, #3D8189, #2B2B09)
- Fern Loft color palette (#E8DFD0, #888F41, #3E7031, #00544E, #060600)
- Weathered Powder color palette (#DDFDDD, #9CE5F8, #7AC5EB, #709AC7, #604459)
Browse the whole catalog at Explore, or see today's palette.