Cocoa Basin color palette — #F4DBCA · #B78F72 · #86583E · #632B17 · #251300

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

The five colors

• Parchment (#F4DBCA): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B78F72): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#86583E): A full-bodied, dusty orange — the color of toasted spice.
• Rust (#632B17): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#251300): A deep, shadowed, dusty gold — the color of honey in a jar.

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 Station color palette (#F0E2D4, #9F8155, #784800, #4C2500, #160C00)
• Tempered Bronze color palette (#FEEFDF, #C1A783, #986B2F, #654426, #2C210C)
• Garnet Station color palette (#F7E0EC, #B38997, #8E5232, #71282B, #1B3725)
• Pine Harbor color palette (#E5EDD4, #008B54, #056BA0, #5B3D00, #0D1300)
• Hushed Abyss color palette (#E7EBDD, #A2A562, #12542E, #00240E, #040600)
• Ancient Teal color palette (#EDF5EB, #10B8AB, #007088, #00635B, #000904)
• Softworn Turquoise color palette (#C0EBF3, #44ABCA, #006C94, #003E5E, #001834)
• Softworn Sky Coast color palette (#E7DDFC, #38B1FD, #00B09F, #0E2008, #060C04)

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