Tempered Petrol color palette — #EDE5D4 · #9CA984 · #467D94 · #684525 · #342414

A conversation between Slate and Bronze, giving this palette its sense of nature and growth.

The five colors

• Parchment (#EDE5D4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9CA984): A luminous, dusty green — the color of fresh herbs.
• Slate (#467D94): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#684525): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#342414): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Petrol 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

• Ancient Cocoa Dune color palette (#D5E7C7, #89B198, #936C82, #654700, #342915)
• Dusty Cypress Pier color palette (#F5F2E3, #7FAD8C, #00746D, #454B18, #191F02)
• Patina Archive color palette (#F2F3D2, #ABC6A4, #708DB7, #754B04, #533300)
• Turquoise Veranda color palette (#B2F2D9, #64BDC2, #557C6C, #6E4849, #573700)
• Aged Meadow color palette (#D2EEDE, #3AAFCF, #6F5FB4, #5A3F00, #2D1E00)
• Patina Cobalt color palette (#F9EFEB, #ACD2B8, #2E83B9, #005E42, #2F162B)
• Pale Sky color palette (#D6EDC8, #6AB3E0, #896999, #475D30, #1E3400)
• Tempered Abyss Delta color palette (#E0F6DD, #6C8EB3, #765F8B, #154A24, #191D01)

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