Cocoa Archive color palette — #FEF3E9 · #E8D7BC · #CCB095 · #B48578 · #584600

Built around Deep Olive, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF3E9): a clean, paper-quiet neutral.
• Wheat (#E8D7BC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#CCB095): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#B48578): A luminous, dusty orange — the color of sun-warmed clay.
• Deep Olive (#584600): A full-bodied, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Timeworn Veranda color palette (#FEF1F5, #BCD2BB, #B68F9D, #8E677A, #3D4C3F)
• Hazy Delta color palette (#FDECD2, #CECC89, #C59E44, #BB6700, #2A3C11)
• Driftwood Terrace color palette (#FFECF3, #A2C6A9, #9F7585, #694F61, #203028)
• Taupe Alley color palette (#FFF0F8, #BFBCED, #E5A39D, #9E9E57, #4B3641)
• Airy Amber Meadow color palette (#E8E0CF, #ADB78A, #A58D1D, #945E03, #252602)
• Aged Cocoa Atelier color palette (#F5DFC8, #A58E42, #986000, #7F3000, #0B0D00)
• Dusty Bloom color palette (#F8F3F9, #F1D2F4, #E0A2BD, #67AFFC, #3C2826)
• Misty Peony color palette (#FFF0FE, #F7CDE6, #C3AADD, #BC6CA0, #752640)

Browse the whole catalog at Explore, or see today's palette.