Cocoa Quarry color palette — #F2F4DE · #72B89E · #007B7B · #812D10 · #00281C

Built around Rust, softened by Teal — the whole palette hums with calm and balance.

The five colors

• Cream (#F2F4DE): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#72B89E): A luminous, balanced teal — the color of glacier melt.
• Teal (#007B7B): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#812D10): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#00281C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.

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

• Dusty Pine Garden color palette (#F7F2DE, #90B389, #007E5C, #4F5000, #092803)
• Dusty Station color palette (#FBF0DE, #A2AE79, #23802E, #753056, #1E2400)
• Mint Field color palette (#DEFDF7, #6DD1A9, #009A96, #9A5240, #124532)
• Airy Plum Field color palette (#D6EEC7, #00987F, #8B51CD, #B20059, #001E17)
• Timeworn Fern Coast color palette (#F5EBDF, #968F59, #426000, #4F3100, #191100)
• Pale Pier color palette (#CEFFE8, #47C6A0, #00885F, #004131, #00120B)
• Softworn Summit color palette (#F2F3E8, #BBC9AE, #708B70, #63661C, #233900)
• Olive Basin color palette (#E5E3CD, #86B034, #1F7E08, #005839, #002D25)

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