Tempered Quarry color palette — #F8F5EF · #D8DFD3 · #9CB3B9 · #B59A5F · #433F38

A conversation between Camel and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Bone (#D8DFD3): bright and airy, almost weightless.
• Ash (#9CB3B9): A luminous, dusty blue — the color of open sky before noon.
• Camel (#B59A5F): A luminous, balanced gold — the color of honey in a jar.
• Charcoal (#433F38): quiet, heavy and certain.

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

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

• Weathered Boulevard color palette (#FAF4F0, #DCDBD2, #9AB7B4, #CE8A76, #652D02)
• Moss Courtyard color palette (#F5F6EF, #D2E1DA, #A3B8CF, #66A45B, #35362F)
• Antique Fern color palette (#F2EEE4, #D1D2B9, #99AE87, #5C4C00, #040200)
• Wandering Stone color palette (#FFF3E8, #D4E2C4, #AAC1A3, #947472, #604747)
• Wandering Pewter color palette (#F5F1EA, #D5D8CF, #B8BFB2, #7E754B, #302C23)
• Weathered Abyss color palette (#E8E8DC, #B6BEAE, #619DA4, #2C4400, #010100)
• Turquoise Corridor color palette (#F5F6EC, #BFEAD5, #59ACBB, #966A61, #303D29)
• Tempered Chapel color palette (#FFF2EB, #F4C187, #5EA564, #7A4F8B, #34312B)

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