Cocoa Basin color palette — #FFF2EE · #E1D7CF · #D3A3A3 · #A1B2B0 · #72351A
Built around Rust, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E1D7CF): a clean, paper-quiet neutral.
- Rosewood Mist (#D3A3A3): A luminous, dusty red — the color of embers at dusk.
- Ash (#A1B2B0): a calm mid-gray that lets other colors speak.
- Rust (#72351A): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Timeworn Boulevard color palette (#FEF0FF, #E9D4D9, #E7B7A2, #AC6C7F, #5C475B)
- Moss Garden color palette (#F8EBE2, #D9AD64, #999020, #712822, #020100)
- Ancient Celadon Hollow color palette (#FFF3E8, #ECF795, #DCE5C9, #C8856B, #49350E)
- Patina Sand Balcony color palette (#FFF3E6, #F6D9A1, #BF9568, #88604A, #34312B)
- Softworn Marigold color palette (#FFE3D9, #FFBCA3, #D79D40, #8C405E, #0D0100)
- Dusty Apricot color palette (#FFF2EA, #FF9152, #53AEB4, #5972A0, #312115)
- Softworn Cocoa Orchard color palette (#F0F5FF, #C4FFD5, #FFD0C4, #5F2800, #251C16)
- Washed Driftwood color palette (#F9EDFF, #EBD3D5, #EBC791, #966596, #382535)
Browse the whole catalog at Explore, or see today's palette.