Cocoa Archive color palette — #FFF2EA · #DBB697 · #B68167 · #885D50 · #593300
A conversation between Cocoa and Caramel, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Sand (#DBB697): A luminous, dusty gold — the color of old brass.
- Caramel (#B68167): A luminous, dusty orange — the color of autumn markets.
- Pewter (#885D50): A full-bodied, dusty orange — the color of autumn markets.
- Cocoa (#593300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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
- Dusty Bronze color palette (#FBF4EA, #D6C9B1, #B09774, #986A2F, #5B4400)
- Muted Driftwood Thicket color palette (#FCE2CF, #C8A788, #A47455, #7D4D39, #342F2A)
- Linen Amber color palette (#FAE3CD, #B58036, #8A5100, #602D00, #1F1400)
- Antique Fern Field color palette (#F4F7EB, #C7C98F, #517E5A, #3F4800, #202412)
- Aged Bronze Villa color palette (#F9E9CD, #7C6F2B, #554200, #312100, #040400)
- Muted Station color palette (#F2F8E8, #40A87A, #AF6753, #74520B, #2D2A10)
- Hushed Jade color palette (#F1F8E9, #40B788, #6395BF, #876A2F, #31342D)
- Worn Cerulean color palette (#F1F7EF, #83D6CB, #2F9DBF, #009489, #13291F)
Browse the whole catalog at Explore, or see today's palette.