Cocoa Quarry color palette — #E0E1D0 · #5C5C00 · #005B4B · #682500 · #020200

Rust and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E0E1D0): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#5C5C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#005B4B): A full-bodied, dusty teal — the color of sea glass.
• Rust (#682500): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. 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

• Tempered Forest Balcony color palette (#DEEFDE, #016B19, #005763, #523700, #000300)
• Aged Garnet Alley color palette (#EEE3D4, #755000, #075E11, #760029, #030100)
• Timeworn Olive color palette (#E7ECD4, #758200, #494E00, #1D2000, #020200)
• Hushed Denim Garden color palette (#D1E4DF, #007765, #006096, #4D4E00, #000A07)
• Emerald Thicket color palette (#D1E3DC, #8AA865, #4D9A53, #584E00, #0A1200)
• Lowlit Nightshade color palette (#EFF2E2, #3D4400, #1C1093, #320058, #020200)
• Soft Dune color palette (#F3EDCD, #7F6F00, #453DF7, #762EA2, #020200)
• Hazy Moss Basin color palette (#D0EEE6, #669800, #008C8C, #985700, #162500)

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