Cocoa Basin color palette — #FFF2F0 · #F7D2C7 · #E49594 · #A16757 · #6C3603
Built around Bronze, softened by Rose Quartz — the whole palette hums with optimism and warmth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Shell Pink (#F7D2C7): A whisper-light, dusty orange — the color of sun-warmed clay.
- Rose Quartz (#E49594): A luminous, balanced orange — the color of toasted spice.
- Mocha (#A16757): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#6C3603): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged 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
- Quiet Drift color palette (#FFD3CD, #FF9472, #B45500, #673D00, #241700)
- Weathered Lagoon color palette (#FFF2EA, #E3D9C4, #DFAE78, #957A45, #664B00)
- Stone Coast color palette (#FFF2EB, #E0D9CE, #E5A48F, #8F5745, #432411)
- Worn Veranda color palette (#FFF1F6, #EED5E0, #D7A2D2, #976683, #694742)
- Antique Amber color palette (#FFF1F3, #F6C4DC, #F5A2A4, #C57B5B, #524C47)
- Washed Chapel color palette (#EFE8FF, #E9A6C1, #CC6A71, #7E4529, #253B25)
- Washed Ember color palette (#FFF1F2, #FFB8AC, #F15909, #994A00, #4F2F00)
- Coral Station color palette (#FFF2ED, #F0D5C2, #86DCE1, #CE837A, #314E35)
Browse the whole catalog at Explore, or see today's palette.