Tempered Quarry color palette — #FFDEDC · #FF6D51 · #B44300 · #6D3400 · #3B3100

A conversation between Watermelon and Terracotta, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDEDC): A whisper-light, dusty orange — the color of autumn markets.
• Watermelon (#FF6D51): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#B44300): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#6D3400): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#3B3100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Gentle Amber color palette (#FFD9C7, #E27A1F, #905600, #593C00, #2C3103)
• Blush Quarry color palette (#FFDFE6, #FD6175, #BF3433, #861E00, #5C2300)
• Weathered Station color palette (#FFF0FB, #FFABB1, #FF774D, #BB6800, #531F05)
• Powdered Boulevard color palette (#FFE2E7, #FF9D91, #D35E22, #864F00, #493500)
• Weathered Ember color palette (#FFF3E5, #F54000, #904B00, #344F00, #49293E)
• Marigold Balcony color palette (#FFF1E3, #DFA645, #8E7115, #5D5200, #424200)
• Obsidian Rust Delta color palette (#F1D9E8, #AE4000, #432104, #260F1E, #0F0507)
• Terracotta Meadow color palette (#FCF1FB, #ECD2D8, #CDB3C4, #A44951, #473B47)

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