Tempered Petrol color palette — #ECEDE1 · #5EB0B1 · #00848E · #005E54 · #000C0F

Teal and Turquoise set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#ECEDE1): bright and airy, almost weightless.
• Turquoise (#5EB0B1): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00848E): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E54): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#000C0F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Aged Denim Garden color palette (#F1E0D7, #629F9E, #006375, #003E24, #000B14)
• Dusty Cobalt color palette (#DFE4D5, #78A7C6, #0079C3, #005A72, #00091B)
• Lagoon Grove color palette (#DDEEEA, #348786, #004449, #00201B, #000202)
• Airy Loft color palette (#FCE0E7, #AA4DCD, #007E98, #8000A3, #00070B)
• Powdered Azure Dune color palette (#E0E5D5, #8DC7F1, #3A97E7, #00789A, #001D46)
• Linen Turquoise color palette (#EEF0E5, #9BDFF3, #00B5E5, #008F99, #003248)
• Aged Veranda color palette (#EAE1C3, #7C8932, #656400, #493F00, #020400)
• Antique Teal Drift color palette (#F6F6EC, #C2E8DB, #7ACED0, #53AA96, #2E5138)

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