Tempered Petrol color palette — #DBEFE6 · #007399 · #7F4A00 · #003E54 · #0C0400

A conversation between Teal and Bronze, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DBEFE6): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007399): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#7F4A00): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#003E54): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0C0400): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Airy Cabin color palette (#CDEBD8, #00768A, #A50038, #003F4B, #130002)
• Weathered Corridor color palette (#E0EFF6, #00617E, #644800, #373B02, #000204)
• Timeworn Denim color palette (#D9EEFF, #00577E, #5E3100, #002336, #0D0400)
• Soft Olive Basin color palette (#D1EFE2, #0089BB, #3D8500, #005C7F, #020800)
• Nightshade Grove color palette (#F8E7F2, #5358CA, #585E00, #2B00A0, #060700)
• Olive Lagoon color palette (#F1E5CF, #667734, #544300, #391B00, #000501)
• Worn Loft color palette (#D6F6E9, #8B9BF0, #B25DA6, #00544D, #000C1E)
• Soft Cobalt Parlor color palette (#DAE8FC, #007ED2, #00487E, #001F38, #000207)

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