Cocoa Basin color palette — #FFE9F6 · #B07840 · #832E00 · #460010 · #020100

Rust and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFE9F6): A whisper-light, dusty pink — the color of a candy shop window.
• Caramel (#B07840): A luminous, balanced gold — the color of old brass.
• Rust (#832E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#460010): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#020100): quiet, heavy and certain.

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

• Terracotta Study color palette (#FFD9ED, #B99263, #984300, #62020F, #060400)
• Softworn Market color palette (#D5ECD4, #9A852A, #694500, #3A1500, #010100)
• Shadow Chestnut Corridor color palette (#F7E4DC, #964900, #5C2100, #320600, #040100)
• Hazy Rust color palette (#F8E3D5, #D07432, #B34700, #852811, #150700)
• Garnet Orchard color palette (#FFF0F7, #DDB377, #C06000, #94040B, #1E1800)
• Patina Bronze Courtyard color palette (#E6FBEE, #ADBA7C, #8A750E, #633D00, #031800)
• Wandering Chestnut color palette (#E5FCF0, #B9D0A5, #8E8E50, #725200, #002826)
• Deep Ember Study color palette (#D1E7F8, #D66954, #002F44, #090C13, #000103)

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