Tempered Quarry color palette — #F6F1E8 · #CCAE81 · #615512 · #332500 · #110C02

Coffee and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F1E8): a clean, paper-quiet neutral.
• Camel (#CCAE81): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#615512): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#332500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#110C02): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Ancient Cypress Station color palette (#F2F3E7, #DEBC9F, #4E6A48, #31322B, #14150C)
• Softworn Bronze color palette (#EDF8F1, #DEBF91, #817223, #4D4202, #18251E)
• Washed Petrol Boulevard color palette (#F7F1E8, #CEAF72, #0081A4, #805E00, #00130A)
• Wandering Apricot color palette (#ECF6E0, #EA8B67, #005A42, #00281B, #040A00)
• Amber Courtyard color palette (#E5E3CC, #D47C00, #324600, #101A00, #020300)
• Tempered Corridor color palette (#FFEDE8, #97A45C, #127A79, #633354, #22250C)
• Weathered Pine color palette (#FAE6B4, #A8BF81, #3D8461, #00514C, #002430)
• Antique Bronze color palette (#F0EBD7, #8F5B00, #30363D, #1E2100, #030300)

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