Cocoa Basin color palette — #F7EEF7 · #ABBB85 · #7E3F44 · #41181C · #130813

Coffee and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F7EEF7): a clean, paper-quiet neutral.
• Sage (#ABBB85): A luminous, dusty green — the color of new leaves after rain.
• Coffee (#7E3F44): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#41181C): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#130813): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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 Harbor color palette (#FAEEF3, #CDC494, #7D583C, #442634, #1C1015)
• Wandering Mulberry color palette (#F2F0FD, #89C39E, #6B4374, #28223F, #0D0A18)
• Antique Chestnut Terrace color palette (#EAF6EA, #C6B17C, #6F4E15, #152E17, #050F06)
• Muted Archive color palette (#F2DBE8, #A09900, #692600, #2A0A00, #080100)
• Ancient Terracotta color palette (#F8EEF7, #E29F9C, #40865B, #9F4343, #011211)
• Hushed Study color palette (#F7EFF3, #CBD5D9, #A9BEC2, #946B4D, #34282D)
• Ancient Loft color palette (#FFF2EC, #FDE2AC, #9F655B, #5E2401, #1A0B05)
• Muted Olive color palette (#FFECF2, #CD896A, #627429, #404071, #142814)

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