Tempered Quarry color palette — #EDF9ED · #BE8E46 · #388062 · #375678 · #483C58

Mustard takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF9ED): A whisper-light, dusty green — the color of a quiet forest floor.
• Mustard (#BE8E46): A luminous, balanced gold — the color of old brass.
• Teal (#388062): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#375678): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#483C58): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Patina Moss color palette (#EBF9F4, #89A444, #137E8B, #554C77, #503950)
• Coral Summit color palette (#FCF2FA, #D9786E, #717540, #145F62, #38415D)
• Ancient Mustard Workshop color palette (#DDFFE8, #C0B861, #85944A, #586E46, #2F5651)
• Apricot Cabin color palette (#FBF4EC, #D9A575, #459C9C, #61658F, #463B61)
• Ash Corridor color palette (#E5FDE3, #AFCFBE, #739A95, #616E80, #494F64)
• Aubergine Lantern color palette (#E2FDEC, #927D00, #006765, #3F2A87, #5F0410)
• Bronze Pier color palette (#E9F6EC, #99780B, #2A4339, #202C24, #1C1615)
• Patina Cerulean Corridor color palette (#F6F6E9, #B5D1A7, #61BCB1, #3F90BB, #3F3D65)

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