Tempered Petrol color palette — #ECE4D8 · #71ADAB · #008391 · #006047 · #000B11

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#ECE4D8): bright and airy, almost weightless.
• Turquoise (#71ADAB): A luminous, dusty teal — the color of sea glass.
• Cerulean (#008391): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006047): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Dusty Garden color palette (#F9E6E0, #52A1A0, #00627A, #003F0F, #000919)
• Chalky Cobalt color palette (#EDE3D4, #66A9D0, #2777C0, #005B67, #000030)
• Airy Periwinkle Veranda color palette (#D3EED6, #49BCE5, #6D98E7, #007E6A, #001317)
• Linen Corridor color palette (#D3ECD4, #009093, #CD1651, #006163, #130003)
• Antique Cerulean Study color palette (#CDEAEF, #009EB0, #006F81, #003E49, #000203)
• Washed Lagoon color palette (#D7E5DA, #2A8886, #00444C, #002016, #000202)
• Washed Azure Parlor color palette (#EDE5D9, #95C7E8, #4395EA, #007A8C, #0A1750)
• Byzantium Atelier color palette (#DFF0F1, #007E87, #9733A1, #715300, #000203)

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