Cocoa Basin color palette — #FCF2F8 · #CB856D · #6B5E00 · #892C00 · #001F10

Rust takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Caramel (#CB856D): A luminous, balanced orange — the color of autumn markets.
• Olive (#6B5E00): A full-bodied, balanced green — the color of new leaves after rain.
• Rust (#892C00): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#001F10): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Patina Mulberry color palette (#FAF2FC, #D9778B, #805300, #8A2241, #0A1E0A)
• Fern Canyon color palette (#EFF8EF, #C48D44, #2B6F26, #6E4600, #001E1B)
• Wandering Mulberry color palette (#F8EEF8, #D68788, #167837, #A1002B, #000808)
• Antique Bronze color palette (#FFD4B9, #C79551, #846700, #444700, #003824)
• Wandering Field color palette (#DBF7E0, #B4772A, #605E00, #004566, #3F2D03)
• Linen Moss color palette (#E5FBF2, #9CAD30, #00756A, #525C00, #00231F)
• Dusty Chestnut Study color palette (#FBF2F6, #D0DEDB, #A5B9AE, #8D541C, #45363C)
• Hushed Bronze Pier color palette (#F0F7F2, #CFC087, #5B8A68, #7D6C29, #1D3231)

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