Tempered Quarry color palette — #FFF2F0 · #E1DACF · #CDA2CA · #9EB6AE · #6C2F14

A conversation between Rust and Mauve, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1DACF): a clean, paper-quiet neutral.
• Mauve (#CDA2CA): A luminous, dusty pink — the color of a candy shop window.
• Ash (#9EB6AE): A luminous, dusty teal — the color of sea glass.
• Rust (#6C2F14): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Blush Quarry color palette (#FEF0FF, #E9D4D9, #A5B3C9, #DA93AB, #5D455D)
• Washed Meadow color palette (#FFF3E9, #C9FDDB, #DDDFCB, #CF9597, #6A4100)
• Amber Balcony color palette (#FFF3E3, #BEE6CE, #C9CAD5, #BB8064, #3B3831)
• Dusty Garnet color palette (#FEE1CC, #C6AE7C, #769350, #791D3A, #020100)
• Patina Lantern color palette (#FFF3E6, #EDDBAF, #BD956D, #895F50, #34322B)
• Washed Mustard color palette (#FCF1FF, #E9DBD0, #DFBC7B, #956894, #594958)
• Apricot Workshop color palette (#FFF2E9, #E79F75, #57AAC8, #337D96, #341F0E)
• Cocoa Drift color palette (#ECF7FF, #B8FFEF, #FFCFCC, #62260A, #261A15)

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