Tempered Petrol color palette — #E1F4EF · #006DB3 · #794E00 · #003A63 · #0B0400

A conversation between Royal Blue and Coffee, giving this palette its sense of trust and stability.

The five colors

• Cream (#E1F4EF): A whisper-light, dusty teal — the color of shallow lagoons.
• Royal Blue (#006DB3): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#794E00): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003A63): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0B0400): A deep, shadowed, dusty gold — the color of old brass.

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

• Washed Terracotta Meadow color palette (#D9F7E3, #00768A, #A60E00, #003F4B, #140000)
• Pale Nightshade Atelier color palette (#F0DEE9, #5752D3, #675700, #2F009E, #080600)
• Chalky Ultramarine Grove color palette (#FFE8FD, #0044B9, #632D00, #001A53, #0E0300)
• Worn Market color palette (#D7EAFF, #3091FC, #B15302, #004181, #0E0300)
• Feathered Mulberry Parlor color palette (#E1EEFF, #0057A7, #920030, #244800, #000207)
• Dusty Terrace color palette (#D8E3F0, #006DBE, #940D67, #002C52, #040002)
• Dusty Orchid Coast color palette (#F0E4F1, #8896DF, #A766C8, #004D67, #050926)
• Worn Olive Balcony color palette (#F4EBCF, #687733, #4C4700, #2F2200, #010500)

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