Tempered Petrol color palette — #FBF4EB · #ECC490 · #61AB8D · #3E6BAC · #512C2B

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Cantaloupe (#ECC490): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Jade (#61AB8D): A luminous, balanced teal — the color of glacier melt.
• Slate (#3E6BAC): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#512C2B): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Aged Petrol Corridor color palette (#FEF2EE, #FBB8B1, #91A362, #00778E, #512B37)
• Softworn Pier color palette (#F7F6EB, #C4D3A3, #50A8BD, #7B5B90, #562B16)
• Jade Meadow color palette (#FDF2F1, #EFB3CC, #76BD83, #9479B1, #593838)
• Hazy Sapphire color palette (#EEFBDC, #00B67C, #006AC7, #720052, #1C0F00)
• Timeworn Villa color palette (#F8F5EF, #C6DCE9, #BEBEF0, #39A1B6, #5E4359)
• Ancient Harbor color palette (#FFF4DF, #E8E5B1, #B9C275, #6D904D, #4A4B44)
• Aubergine Grove color palette (#F9F6E1, #9FB056, #008597, #602393, #360A00)
• Hushed Driftwood Terrace color palette (#FFF3E4, #DAE1C8, #BCBFA5, #9C839E, #5D4753)

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