Cocoa Archive color palette — #FFF2EA · #B98166 · #4C8B8B · #42608B · #5F2E00
Cocoa and Caramel set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Caramel (#B98166): A luminous, dusty orange — the color of toasted spice.
- Storm Blue (#4C8B8B): A full-bodied, dusty teal — the color of glacier melt.
- Peacock (#42608B): A full-bodied, dusty blue — the color of deep harbor water.
- Cocoa (#5F2E00): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Cocoa Archive 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
- Tempered Cypress color palette (#FEF3E9, #AB7A51, #187B7D, #4B4D79, #432D2A)
- Tempered Blush Chapel color palette (#FFF2F0, #C0768F, #5B8C6A, #206A78, #4C3734)
- Wandering Denim Grove color palette (#FBF0E3, #B48D5A, #56926E, #325F9A, #2E200D)
- Cocoa Ridge color palette (#FEF4E3, #BDA477, #6F7E4A, #694F6C, #5B4400)
- Aged Nightshade Thicket color palette (#FFF3E6, #A46600, #00728D, #3236A6, #3D2607)
- Washed Driftwood Meadow color palette (#F9F5E6, #81873C, #5B6FA3, #6B4070, #35332C)
- Antique Delta color palette (#FBF2F9, #D69A8D, #62AC9A, #7772AC, #4A3645)
- Patina Pier color palette (#F9F4EE, #D9DBD3, #A3B0AE, #A4783C, #56524C)
Browse the whole catalog at Explore, or see today's palette.