Cocoa Basin color palette — #FDE6D5 · #9B5D2A · #703000 · #431000 · #070200

A conversation between Rust and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Parchment (#FDE6D5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#9B5D2A): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#703000): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#431000): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Cocoa Station color palette (#F0DFD5, #A3704F, #893500, #5B1100, #150700)
• Ancient Olive color palette (#EFE8D9, #777127, #514400, #2F2200, #030400)
• Garnet Summit color palette (#FCE2ED, #B23F6C, #840030, #4B000C, #0F0000)
• Antique Bronze Lantern color palette (#F3E2CE, #B79A6B, #966728, #723E00, #312100)
• Smoked Thicket color palette (#F9E1E9, #B2544C, #400061, #0C0017, #040100)
• Washed Thicket color palette (#D6F1E6, #005A7E, #3F4C00, #003313, #000204)
• Amber Canyon color palette (#FFEAD8, #D9AA78, #C26E0F, #984500, #493000)
• Aubergine Garden color palette (#F1DCDF, #98599C, #800045, #5D0063, #060002)

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