Tempered Cocoa Quarry color palette — #F9EBF1 · #9BA99B · #728E7C · #6B3400 · #12040B

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F9EBF1): bright and airy, almost weightless.
• Taupe (#9BA99B): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#728E7C): A luminous, dusty teal — the color of sea glass.
• Bronze (#6B3400): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#12040B): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Terracotta Boulevard color palette (#ECE5E1, #A1A292, #7F936F, #9F430A, #100703)
• Washed Onyx Ridge color palette (#F2EBEE, #929D94, #537A6F, #481C00, #15030D)
• Wandering Cocoa Ridge color palette (#EDE3DA, #C4B9AC, #A28F69, #5D2D00, #030100)
• Weathered Garnet Pier color palette (#E5DBE4, #AEA0A8, #9B7C88, #850318, #100510)
• Aged Fern Workshop color palette (#DAE4E0, #A0BBB6, #7D9C9C, #4A5B00, #001912)
• Ancient Navy color palette (#FFECD9, #7D7646, #3F5C2E, #06325A, #0F0A2C)
• Forest Lagoon color palette (#D4EADF, #61812B, #005512, #4D1706, #040700)
• Ember Bloom color palette (#DCF1DA, #EC5A0F, #A37300, #586000, #040200)

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