Tempered Petrol color palette — #E8DEC5 · #8ABA8A · #007B85 · #652E27 · #2F0100

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

The five colors

• Bone (#E8DEC5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mint Leaf (#8ABA8A): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007B85): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#652E27): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#2F0100): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Cerulean Lantern color palette (#EBE0AC, #8EB37F, #068897, #673C00, #1D1800)
• Antique Lagoon color palette (#FFEAE7, #8EB29A, #3C8453, #6A2932, #37090B)
• Softworn Cocoa Villa color palette (#E7E5C1, #8D9566, #007670, #592200, #070600)
• Washed Teal color palette (#E6EAD4, #5DB99D, #318F9E, #775377, #49192D)
• Aged Jade Cabin color palette (#E5EEDE, #1EB97C, #00726C, #00383D, #000D17)
• Worn Garden color palette (#CFEACE, #27917A, #1B616C, #462448, #1E0A26)
• Denim Drift color palette (#EAF4DD, #5C8E91, #0C4F6E, #291F00, #020300)
• Gentle Crimson color palette (#D1F6FF, #00A7A4, #DD1A51, #005958, #170003)

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