Cocoa Basin color palette — #EBDDD2 · #823900 · #00437C · #00294F · #1B0700

Bronze and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#EBDDD2): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#823900): A full-bodied, balanced orange — the color of toasted spice.
• Navy (#00437C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#00294F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#1B0700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Cocoa Pier color palette (#F7E8DE, #853600, #004D50, #002F31, #1C0600)
• Aged Nightshade Coast color palette (#F7E6D4, #744500, #283298, #150D77, #170A00)
• Soft Hollow color palette (#FAE6D3, #7F4900, #004039, #2C004F, #280014)
• Nocturne Basalt Alley color palette (#ECE5D5, #484500, #00352C, #00183A, #1A0002)
• Charred Lantern color palette (#E8DFF1, #8A1E64, #004A67, #001177, #070003)
• Dusty Atelier color palette (#F1E3D3, #855E00, #184900, #2B095A, #1A1600)
• Hazy Ultramarine Coast color palette (#F8E3B1, #816300, #3843C5, #24239B, #291D00)
• Olive Garden color palette (#E7E7D0, #4F7F00, #006D7C, #00466F, #071100)

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