Cocoa Basin color palette — #F7DFD1 · #9B5E2B · #752A00 · #4B0006 · #060300

Rust takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Parchment (#F7DFD1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#9B5E2B): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#752A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#4B0006): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Moonless Bronze Villa color palette (#F3E3EC, #AA5B00, #662300, #2B0002, #000200)
• Antique Meadow color palette (#FDEDD9, #856B1A, #5E3D00, #3A1A00, #040300)
• Tempered Summit color palette (#F4D9F4, #A14D82, #80003A, #4A0007, #070100)
• Muted Chestnut color palette (#F4E6CF, #988E46, #795C00, #573400, #151800)
• Cocoa Coast color palette (#EFDAC6, #B49A6F, #9A6428, #7E3400, #302100)
• Frosted Thicket color palette (#FFE9EF, #9352BB, #811500, #530076, #060000)
• Aubergine Coast color palette (#FBE2EB, #6C1FAA, #534400, #00321B, #030009)
• Washed Amethyst color palette (#D3E6DD, #D63B00, #782EFD, #200111, #050003)

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