Cocoa Basin color palette — #FFE1F2 · #8B6B3F · #702B00 · #470016 · #070500

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

The five colors

• Blush (#FFE1F2): A whisper-light, dusty pink — the color of a candy shop window.
• Walnut (#8B6B3F): A full-bodied, dusty gold — the color of honey in a jar.
• Rust (#702B00): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#470016): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#070500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Chestnut Loft color palette (#F5D9E5, #795D0D, #542900, #350004, #020200)
• Wandering Garnet color palette (#F1DAE8, #A47E50, #814025, #600025, #120E00)
• Dusty Olive color palette (#D7F4DC, #72763D, #583F00, #3B1600, #010800)
• Ancient Rust color palette (#F3D6E1, #B55640, #5E3D00, #221F00, #000800)
• Onyx Boulevard color palette (#E9DDF0, #568743, #51002B, #160008, #030005)
• Powdered Garnet Station color palette (#EDE5F0, #B35376, #00522E, #670034, #000201)
• Aged Garnet color palette (#FDECF5, #9BB39C, #9B664B, #76343D, #10281E)
• Cocoa Ridge color palette (#DBEDDF, #604900, #413100, #001C2A, #050000)

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