Cocoa Basin color palette — #FFF0FF · #CCABC5 · #987889 · #7C5D5B · #714300

Bronze takes the lead with Mauve close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFF0FF): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#CCABC5): A luminous, dusty pink — the color of neon signs at night.
• Driftwood (#987889): A luminous, dusty rose — the color of pressed rose petals.
• Pewter (#7C5D5B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#714300): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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 Chestnut Meadow color palette (#CCF0E0, #C9B4C6, #9E7A8A, #834F1C, #38342E)
• Frosted Alley color palette (#FAD0F5, #CC97B1, #9C6A74, #764905, #3E4200)
• Cocoa Ridge color palette (#D6F5E5, #8FC0B1, #917891, #74585D, #713711)
• Hushed Ash color palette (#E8F5FF, #B6C6E0, #989DBC, #8E7581, #405445)
• Aged Archive color palette (#ECFBE0, #BADBC8, #CBAEBA, #9B9977, #524E00)
• Washed Drift color palette (#F2DDE8, #BB7389, #844042, #4C3500, #332706)
• Frosted Grove color palette (#E0E2FD, #A281E2, #8D509E, #7E393C, #632D1B)
• Fern Meadow color palette (#F4F7EB, #82C09B, #43816A, #4E5F4A, #3A4A00)

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