Tempered Petrol color palette — #E8F4FA · #7FBFCB · #CC8971 · #008090 · #432539

Built around Teal, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Ivory (#E8F4FA): a clean, paper-quiet neutral.
• Ash (#7FBFCB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Camel (#CC8971): A luminous, balanced orange — the color of toasted spice.
• Teal (#008090): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#432539): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Coral Canyon color palette (#EBF7FD, #72BDCF, #D17F74, #008096, #5E4259)
• Worn Balcony color palette (#E8F5F3, #89BFBA, #CC8590, #40834A, #3E2742)
• Muted Cobalt color palette (#EBF3FA, #88BBD9, #BB9557, #007BAD, #1B3920)
• Dusty Apricot Station color palette (#EEF8F1, #83D3E1, #F09778, #149DB1, #534B47)
• Dusty Bronze Atelier color palette (#E5F4FF, #6BA5C1, #B87C6E, #A66456, #122A39)
• Tempered Chestnut color palette (#EBF5EA, #A8C3B3, #6E8C6C, #7A493A, #1A312C)
• Basalt Chapel color palette (#EBF2FC, #B2CBB1, #4C6381, #1E3150, #0D141F)
• Washed Field color palette (#E8F3FF, #48AFFF, #B95000, #005F99, #391400)

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