Cocoa Basin color palette — #FAF2FB · #D3A37F · #773D44 · #3A253C · #23171C

A conversation between Coffee and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Camel (#D3A37F): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#773D44): A full-bodied, balanced red — the color of a theater curtain.
• Onyx (#3A253C): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#23171C): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Worn Onyx color palette (#F6EFFA, #B2B985, #744357, #450F2A, #100A13)
• Softworn Corridor color palette (#FEF2F1, #C3C99A, #945F74, #613044, #2D1D1B)
• Amber Studio color palette (#FFF1F6, #CA9748, #6B3A00, #3B1E00, #2D0E1D)
• Worn Coral Meadow color palette (#FFF2EE, #FFC89F, #C67D84, #825459, #2D1D19)
• Worn Bronze Basin color palette (#E6FCE9, #BE8B61, #836421, #29593B, #4F343D)
• Dusty Bronze color palette (#FFF1F5, #AE722E, #4C7F51, #006154, #412C33)
• Antique Amber Loft color palette (#D4E3D3, #B48218, #4C2E00, #221200, #011001)
• Hushed Bronze color palette (#FFF2EC, #D49A69, #96672A, #6B4C00, #4E3E00)

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