Cocoa Basin color palette — #ECE3D6 · #6A3700 · #212600 · #07002F · #020100

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

The five colors

• Parchment (#ECE3D6): a clean, paper-quiet neutral.
• Bronze (#6A3700): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#212600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#07002F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#020100): quiet, heavy and certain.

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

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

• Deep Station color palette (#E9DDD3, #484A00, #002A1F, #16001E, #000200)
• Smoked Station color palette (#E4DFD0, #880110, #2E2000, #000B1B, #030100)
• Moonless Chestnut color palette (#E9DFC6, #815C00, #383300, #00110C, #020100)
• Twilit Alley color palette (#F8EADF, #666300, #0F3C22, #2F0F1F, #0A0004)
• Timeworn Scarlet color palette (#F1E3C8, #D22900, #7E5C00, #00470F, #010100)
• Ancient Forest color palette (#F1E2D1, #9A7000, #155C04, #321B5B, #110F00)
• Hushed Emerald Alley color palette (#FBEDE5, #249913, #005E62, #5A0043, #00170D)
• Patina Navy color palette (#F7E7D9, #457EA9, #123286, #001F22, #010009)

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