Cocoa Quarry color palette — #FCF3ED · #DFE1CC · #A6B67E · #7C8B77 · #5D4000

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Bone (#DFE1CC): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A6B67E): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#7C8B77): A luminous, dusty green — the color of fresh herbs.
• Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, 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

• Timeworn Driftwood Boulevard color palette (#F8F5EE, #BFE1D5, #7BBEA7, #9F823C, #4A4900)
• Worn Lagoon Studio color palette (#FCF2F5, #AEC8B7, #5E8C7D, #496D6F, #415247)
• Timeworn Teal color palette (#F8F5EA, #C4EBCB, #47B2A7, #578075, #343E00)
• Ancient Marigold Balcony color palette (#EAFAEB, #80DEE3, #EFAB5C, #ACA36F, #2D3D2F)
• Hushed Driftwood Study color palette (#F5F1E9, #CBC3A9, #92833A, #666519, #33312A)
• Powder Villa color palette (#FAF4EF, #C1E1EE, #BFC0F9, #669F91, #5C4653)
• Ancient Boulevard color palette (#F3DCCD, #AC882C, #465500, #3B1552, #020100)
• Patina Sand color palette (#EEF8F1, #B3F2FF, #F4C183, #4DA9BA, #4A453F)

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