Tempered Petrol color palette — #EFEACD · #629073 · #00748B · #644600 · #0F1300

Teal takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#EFEACD): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#629073): A luminous, dusty teal — the color of glacier melt.
• Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#644600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#0F1300): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Muted Boulevard color palette (#D7F1D7, #41919D, #515BB2, #574B00, #191500)
• Wandering Petrol Courtyard color palette (#E7DEC9, #5F8E66, #00718C, #6A3437, #2D0006)
• Weathered Cabin color palette (#D2E7F3, #0078A6, #865E00, #525300, #000204)
• Hushed Garnet Canyon color palette (#D5EBE8, #3E7C8E, #2E4E7F, #5A0A23, #250C00)
• Hazy Olive Cabin color palette (#F0DAC7, #A18609, #4A6F00, #005450, #090500)
• Misty Meadow color palette (#C2EAE7, #7B98C4, #9162AA, #2B6030, #032407)
• Inked Petrol Alley color palette (#C7EDDD, #1E6878, #222F52, #2E1100, #060100)
• Feathered Sapphire Courtyard color palette (#F7E8DC, #77A8C4, #336CE0, #005E57, #0C0026)

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