Weathered Cocoa color palette — #FFF3E4 · #DAE0C8 · #E5B49B · #A2C3D5 · #634700
A conversation between Bronze and Sand, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#DAE0C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Sand (#E5B49B): A luminous, dusty orange — the color of autumn markets.
- Ash (#A2C3D5): A luminous, dusty blue — the color of open sky before noon.
- Bronze (#634700): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Muted Cocoa color palette (#FDF3E9, #EAD6BC, #D0AF8E, #B5866F, #5C4300)
- Fern Archive color palette (#F5F7E7, #B1E7E0, #C2C1D2, #B3BA72, #4D580D)
- Patina Lilac Dune color palette (#F7F5EB, #C0C98A, #A2B4ED, #B785BD, #3F3D36)
- Gentle Marigold color palette (#FFF4DD, #C4EFC6, #76E0D3, #E59000, #4A4D1A)
- Aqua Pier color palette (#E7F7E5, #B5EBE7, #8FCECD, #A68696, #313D33)
- Lime Hollow color palette (#F6F5EF, #E4E0BA, #60CBC7, #9CB84D, #243223)
- Patina Boulevard color palette (#F8F5EA, #EEDBBD, #A2A273, #707041, #302B1D)
- Aged Hollow color palette (#F0E8D7, #B2B16F, #70AE5D, #9D5A00, #0E0A00)
Browse the whole catalog at Explore, or see today's palette.