Wandering Cocoa color palette — #FFF1F1 · #E8D5CF · #F0A19D · #A16B4F · #714300
Bronze and Rose Quartz set the tone — five colors that lean into optimism and warmth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Bone (#E8D5CF): A whisper-light, dusty orange — the color of autumn markets.
- Rose Quartz (#F0A19D): A luminous, balanced orange — the color of autumn markets.
- Walnut (#A16B4F): A full-bodied, balanced orange — the color of sun-warmed clay.
- Bronze (#714300): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.
Use it as a design system
One click turns Wandering 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
- Aged Chestnut color palette (#FFF2EA, #DFD9CD, #E1A791, #8D5C3F, #4A2100)
- Wandering Marigold color palette (#FFF2EC, #E9DABC, #D2A368, #847842, #5B4A00)
- Powdered Orchard color palette (#F7E5E4, #F78662, #BD6500, #644600, #231D00)
- Hushed Blush color palette (#FFF1F4, #FFD4F2, #D993B0, #AC6D75, #574F4B)
- Softworn Amber Canyon color palette (#FFF1F3, #FFC1B9, #DF6D00, #864C00, #3D2D00)
- Glacier Loft color palette (#FFF2EB, #EDD7BE, #83DDE1, #C78872, #344D37)
- Washed Bronze color palette (#F9E4D2, #9E7300, #5C5500, #1E2500, #000700)
- Frosted Amber Orchard color palette (#FBDDD2, #CF7A00, #805700, #3E3800, #080C00)
Browse the whole catalog at Explore, or see today's palette.