Cocoa Quarry color palette — #F4DCE4 · #C6B178 · #7F9539 · #7B2900 · #130A00

Built around Rust, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F4DCE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Camel (#C6B178): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#7F9539): A luminous, balanced green — the color of a quiet forest floor.
• Rust (#7B2900): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#130A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.

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

• Wandering Mulberry Boulevard color palette (#F5E0EF, #C99E77, #A48200, #931134, #170600)
• Tempered Thicket color palette (#D7EEE0, #A4B87A, #329A57, #684400, #121100)
• Aged Emerald color palette (#FFE9DA, #C7A94F, #00A56F, #842242, #321E00)
• Tempered Hollow color palette (#F2DEC8, #E0C26E, #8FAE4E, #9A492B, #2E1B00)
• Muted Emerald color palette (#C9E7DE, #5B9B66, #007466, #372F00, #010500)
• Wandering Cocoa color palette (#FBE6EE, #8F6A37, #673500, #411000, #080500)
• Weathered Terrace color palette (#D5FDE7, #BEDD87, #21C581, #815800, #202300)
• Ancient Bronze Balcony color palette (#D3ECDE, #987200, #302A00, #171C22, #0A0800)

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