Cocoa Canyon color palette — #F2E3C8 · #654200 · #2B2300 · #00120B · #060300

Bronze and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F2E3C8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#654200): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2B2300): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00120B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, dark, muted.

Use it as a design system

One click turns Cocoa Canyon 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

• Inked Fern Terrace color palette (#F5EFDF, #5D6219, #243000, #251100, #060600)
• Eclipse Chapel color palette (#FAE8CE, #7C2300, #2A2200, #030032, #030100)
• Frosted Brick Atelier color palette (#D4EDD7, #AF2F00, #4A3C00, #120065, #080200)
• Weathered Courtyard color palette (#F3E3C7, #AD6700, #715500, #00472A, #060300)
• Timeworn Delta color palette (#EBEBCD, #5D673A, #134C0D, #002427, #030D1A)
• Weathered Abyss Basin color palette (#E6E9DE, #4B8AA2, #00425D, #002127, #000A15)
• Muted Bronze Field color palette (#EBDDBE, #8F7400, #4C5200, #003C37, #2A2400)
• Frosted Emerald color palette (#DCECBC, #00973B, #00614B, #003C5E, #00321A)

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