Tempered Quarry color palette — #FFF1F7 · #C3E8C6 · #C19370 · #8B5E55 · #1F382B

A conversation between Camel and Pewter, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Celadon Mist (#C3E8C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#C19370): A luminous, dusty gold — the color of old brass.
• Pewter (#8B5E55): A full-bodied, dusty orange — the color of toasted spice.
• Deep Forest (#1F382B): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Timeworn Villa color palette (#E9FAF1, #BCE8DB, #A4A071, #577359, #113936)
• Muted Boulevard color palette (#FFF0FA, #FBCEE0, #C68F7C, #7A617C, #213825)
• Hushed Bronze color palette (#FFF3E8, #BDA378, #97663F, #754137, #403D36)
• Wandering Sky color palette (#EDF6FF, #69BAFE, #B99864, #8F6B2E, #142637)
• Hushed Chestnut color palette (#FFF1F6, #DBC595, #A9815A, #814532, #00291B)
• Hushed Garden color palette (#EDF9F0, #C1E3E4, #93B99E, #906F7C, #2B4540)
• Driftwood Study color palette (#FFF3E8, #E4CCB1, #CDA280, #B27858, #553600)
• Chestnut Workshop color palette (#D1EFD1, #AA9A54, #815600, #522100, #030400)

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