Cocoa Basin color palette — #FFF2EB · #DBC7B0 · #BE8F7C · #98646D · #5A4400

Deep Olive and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Oat (#DBC7B0): A whisper-light, dusty gold — the color of old brass.
• Taupe (#BE8F7C): A luminous, dusty orange — the color of autumn markets.
• Mocha (#98646D): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Wandering Market color palette (#FFF2EB, #D6B898, #B97F6C, #945163, #403D36)
• Aged Rust color palette (#FFF0F8, #E5C3E8, #CE8AA1, #A55047, #683E00)
• Dusty Olive Pier color palette (#FFF2EE, #D7979A, #B5846C, #728244, #4D3730)
• Patina Cocoa color palette (#F0DFC9, #A5A16D, #986600, #832D00, #162B02)
• Feathered Terracotta Field color palette (#FFEBD7, #C9B36B, #BE710F, #A43528, #303B00)
• Washed Bronze color palette (#FDF2F2, #C491AA, #B76B59, #007B74, #42292B)
• Soft Terracotta color palette (#FFE8DB, #A1733F, #8E2E04, #5E0028, #0F0B00)
• Hushed Station color palette (#EFE5D0, #7E9753, #716000, #5B3200, #001C0B)

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