Cocoa Quarry color palette — #E4F6F9 · #3BA094 · #5F5C99 · #6B2B00 · #00251A

Rust takes the lead with Slate close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#E4F6F9): a clean, paper-quiet neutral.
• Fern (#3BA094): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#5F5C99): A full-bodied, balanced violet — the color of twilight just after sunset.
• Rust (#6B2B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#00251A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Creativity, Balance. Tagged 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

• Quiet Denim color palette (#E4F6F5, #5D9E76, #68579C, #6B2B00, #351200)
• Antique Cerulean Bloom color palette (#E9F4FB, #3899C0, #735491, #543C00, #00232C)
• Timeworn Pewter Meadow color palette (#F1F0FB, #AD8EBD, #856194, #674400, #002D37)
• Misty Terracotta Lantern color palette (#E6EEF9, #4C7CC3, #902F27, #003F25, #00171F)
• Washed Cobalt color palette (#EEF6FF, #4F8AD5, #714F9C, #702B51, #004143)
• Faded Aubergine Atelier color palette (#C0E8F6, #008187, #79008A, #3A2900, #00120D)
• Wandering Lagoon color palette (#E8F6EF, #96BCB5, #4A8368, #315B6C, #0C2E29)
• Softworn Mulberry color palette (#D1E1ED, #0073A4, #810742, #202C00, #000C16)

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