Tempered Cocoa Quarry color palette — #F3F2E6 · #8FA984 · #437147 · #6B3617 · #1E1E00

A conversation between Bronze and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3F2E6): a clean, paper-quiet neutral.
• Sage (#8FA984): A luminous, dusty green — the color of new leaves after rain.
• Olive (#437147): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#6B3617): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#1E1E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered 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

• Chestnut Field color palette (#F1F4E5, #ADB994, #4D816D, #704D22, #232B10)
• Pale Moss color palette (#F1E3C7, #A09830, #5A6100, #602F00, #191700)
• Timeworn Corridor color palette (#E0E1D0, #669C71, #006641, #413900, #001806)
• Hushed Lagoon color palette (#EBF9F2, #89A47E, #0D7551, #4B4567, #113E37)
• Quiet Lagoon Courtyard color palette (#F6E6D6, #C3803B, #00935F, #7B4600, #002313)
• Tempered Chestnut Lagoon color palette (#FFE8CE, #CE9E62, #8C5A00, #472B00, #130900)
• Aged Meadow color palette (#F8F5EA, #D1D3AD, #4E9B7B, #74577C, #292A05)
• Antique Cobalt Balcony color palette (#F1F3EC, #A7D3C1, #2E82BC, #00586D, #05213D)

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