Cocoa Archive color palette — #FCF3EB · #E9DDBD · #B8B98F · #8CA08D · #604A00

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Celadon Mist (#E9DDBD): A whisper-light, dusty gold — the color of old brass.
• Sage (#B8B98F): A luminous, dusty green — the color of fresh herbs.
• Taupe (#8CA08D): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

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

• Antique Stone Market color palette (#E9FAF4, #E6D5CF, #98CFC2, #9DAF9E, #5D4F5B)
• Muted Ash Atelier color palette (#EFF8F1, #B4DBCB, #7BA69C, #648485, #3D534A)
• Worn Powder color palette (#E3FCF4, #96CDFF, #DAB887, #A7A675, #304842)
• Cocoa Terrace color palette (#EAF9F5, #B3DAFE, #EABC97, #79AEDE, #704000)
• Patina Alley color palette (#FFF3E2, #C3D991, #56BC82, #4395AA, #354017)
• Hushed Teal color palette (#EEE4CD, #A3C68F, #44A586, #4B7C93, #1B2F0D)
• Jade Delta color palette (#FDE8CD, #C1C952, #51AE60, #A1609A, #2E3100)
• Quiet Olive color palette (#FCE7D4, #A69852, #527F2A, #713F76, #130F00)

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