Cocoa Quarry color palette — #FFF2EE · #E0D9CE · #AEBFCC · #C18C98 · #7F4026
A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0D9CE): a clean, paper-quiet neutral.
- Ash (#AEBFCC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Dusty Rose (#C18C98): A luminous, dusty red — the color of a theater curtain.
- Bronze (#7F4026): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Cocoa Quarry 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
- Softworn Ash Balcony color palette (#FFF1F3, #E3D7D2, #B4AB95, #B89ACD, #614A4D)
- Weathered Cocoa Bloom color palette (#FCF4EA, #DAC8AF, #B39573, #8F6C50, #5F4200)
- Linen Coral color palette (#FFF2EB, #E7D8C2, #FFBB73, #E5625D, #623827)
- Softworn Cobalt color palette (#FFF1F1, #D097B6, #6AA4BF, #597AB7, #4E3636)
- Chestnut Boulevard color palette (#F5E0CC, #DBB87F, #AEA051, #954900, #382300)
- Hazy Garnet color palette (#FADACD, #CF8C78, #C96B00, #8A0034, #1B0200)
- Rust Meadow color palette (#FFEFE4, #F1CEAC, #DCA445, #C34D31, #502C0E)
- Antique Straw Harbor color palette (#FFD6F6, #E9DA76, #FFB79A, #4E4743, #3A312B)
Browse the whole catalog at Explore, or see today's palette.