Tempered Petrol color palette — #DBEFF2 · #00788A · #004C5F · #002F41 · #000F19

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

The five colors

• Frost (#DBEFF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004C5F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002F41): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000F19): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Lowlit Cypress Corridor color palette (#C4EDE1, #007A78, #004354, #001B32, #00000C)
• Antique Pine color palette (#E0F6E8, #00815F, #005A47, #002F28, #000807)
• Weathered Lagoon color palette (#DBEFFF, #0080C4, #004C78, #001C30, #000205)
• Dusty Petrol color palette (#D8EFFF, #006AB2, #00468A, #00235F, #01002E)
• Weathered Dune color palette (#DCE9F2, #005E8C, #671E9C, #00493A, #000205)
• Misty Hollow color palette (#D1E3F0, #5FA6FF, #6977C6, #004E68, #001225)
• Chalky Azure color palette (#DCF3FF, #00A6EB, #0081C4, #005296, #142D55)
• Weathered Bronze color palette (#D8F4E0, #806E00, #564200, #312000, #000502)

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