Cocoa Basin color palette — #FFF2EF · #E6D0B3 · #B6B9A0 · #AA8583 · #674442

Built around Cocoa, softened by Dusty Rose — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Wheat (#E6D0B3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Stone (#B6B9A0): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#AA8583): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#674442): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

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

• Hushed Garden color palette (#FFF1F2, #F5D2CE, #CDB197, #8990C2, #654849)
• Softworn Bronze Loft color palette (#F1E2C5, #CAC6A4, #70B8BB, #AA6E4B, #583F00)
• Patina Bronze color palette (#E5DDD0, #C3B891, #839D7A, #9D5D4A, #39352E)
• Wandering Orchard color palette (#FFEBF6, #C0BE8D, #558B92, #5C5C71, #33324D)
• Lagoon Harbor color palette (#F8E5E1, #AA9062, #428D5C, #874357, #370216)
• Pale Teal color palette (#FDE0D3, #CCC375, #3BBAA0, #B4617D, #611B37)
• Weathered Cerulean color palette (#E2FDE9, #AFD4C6, #7CACAA, #677A9E, #4A4C66)
• Softworn Atelier color palette (#F8DDCA, #87837B, #387A56, #7B3236, #1C0900)

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