Cocoa Basin color palette — #E2E9D9 · #006846 · #672200 · #322200 · #091700

Rust and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E2E9D9): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#006846): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#672200): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#322200): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#091700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Patina Denim Quarry color palette (#DBEBDD, #005F67, #523A00, #243200, #001912)
• Airy Garnet Veranda color palette (#F0ECD8, #5C6300, #71003F, #4F0800, #190F00)
• Midnight Abyss color palette (#DCEAE0, #00454F, #2B2100, #061500, #000202)
• Softworn Chestnut color palette (#EDF9EF, #007F84, #785400, #414A00, #212B14)
• Quiet Garnet Archive color palette (#D2F1E6, #006095, #730046, #322B00, #000603)
• Wandering Balcony color palette (#DBEFF9, #00849C, #B00052, #3E4300, #00131D)
• Weathered Forest color palette (#ECF9F3, #5A8FAB, #6B7334, #0F5A2F, #28392B)
• Pale Atelier color palette (#E5FBF5, #006CC1, #435E00, #004935, #002B35)

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