Tempered Petrol color palette — #BEE9EA · #007887 · #004250 · #00202D · #000B15

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 (#BEE9EA): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007887): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004250): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00202D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000B15): 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

• Timeworn Lagoon color palette (#CCEEFC, #009C99, #008497, #004E6A, #000C11)
• Dusty Pine color palette (#CCEBD4, #00815B, #004C3B, #00241F, #001111)
• Nocturne Onyx Drift color palette (#DFEADF, #00646D, #003547, #220043, #000E12)
• Dusty Workshop color palette (#DEECF0, #9CACB2, #678492, #00413F, #00171D)
• Hazy Loft color palette (#D8E6DE, #00948E, #006275, #003252, #04003C)
• Worn Cobalt color palette (#C8E6F8, #0079BC, #003F7E, #00114E, #100020)
• Cerulean Bloom color palette (#CCE9F4, #3E84B0, #314A71, #3F1B42, #360526)
• Feathered Thicket color palette (#E1E6FF, #7A6ECB, #512490, #390054, #2B001A)

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