Weathered Cocoa color palette — #FDF1FB · #BED6FF · #E8BE93 · #8AA9E1 · #6D4200
A conversation between Bronze and Cornflower, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FDF1FB): bright and airy, almost weightless.
- Powder Blue (#BED6FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Sand (#E8BE93): A whisper-light, dusty gold — the color of honey in a jar.
- Cornflower (#8AA9E1): A luminous, balanced violet — the color of twilight just after sunset.
- Bronze (#6D4200): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged 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
- Washed Boulevard color palette (#FFF1F6, #DCCAFF, #BBD09C, #B19CD6, #564F00)
- Wandering Turquoise Balcony color palette (#EDF9F1, #96E2F9, #EEBAA0, #66B5CC, #524C47)
- Timeworn Cerulean color palette (#EEF6FF, #A4C7F4, #CCAC78, #648FC5, #3D543F)
- Feathered Iris Pier color palette (#FFF0F9, #BDBDFF, #EABB28, #8378F3, #4A3800)
- Worn Oat Quarry color palette (#FCF1FD, #E8D7D7, #A7DBCF, #A6BCAA, #5E4D57)
- Cocoa Archive color palette (#FFF2EB, #EED4B9, #D5AC94, #B0867E, #5B4400)
- Worn Ash color palette (#FBF2F8, #DFE2B5, #959BC8, #7D6474, #32282E)
- Weathered Veranda color palette (#FFF0FB, #E0D8F6, #A6B9F2, #7588B9, #2D3A5B)
Browse the whole catalog at Explore, or see today's palette.