Cocoa Archive color palette — #FAF4EF · #EEDBBC · #ADBE87 · #8EA088 · #654700

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Peach Cream (#EEDBBC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ADBE87): A luminous, dusty green — the color of fresh herbs.
• Taupe (#8EA088): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Teal Courtyard color palette (#F8F5E9, #CFDBB1, #46C2B9, #6B9C8F, #3C4900)
• Stone Lagoon color palette (#E9FAF1, #E6D5CF, #93CBBE, #A1AB9C, #5C4E5D)
• Weathered Powder color palette (#E5FBF2, #84D2FF, #EAB078, #B4A35E, #334840)
• Pale Corridor color palette (#FFF3E5, #D0D583, #45C256, #4B969F, #3C3B34)
• Timeworn Stone color palette (#FCEEF2, #A9CDB7, #638D80, #49686A, #26352C)
• Tempered Study color palette (#ECE3D6, #B2C282, #2EAA65, #1C8296, #2F2905)
• Clover Basin color palette (#FEE7D2, #D7C14E, #71BA1F, #94529A, #362E00)
• Aged Study color palette (#F2EBD5, #7CB97A, #00947E, #266A92, #032204)

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