Tempered Petrol color palette — #E6E8D5 · #68AEB9 · #007287 · #004A4A · #001720

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

The five colors

• Parchment (#E6E8D5): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#68AEB9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007287): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004A4A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001720): 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

• Timeworn Bloom color palette (#E3E5DB, #83BAD2, #007EAF, #005765, #002138)
• Dusty Aqua Veranda color palette (#E3F2EF, #5DC8DA, #00738A, #003E3E, #000305)
• Patina Denim color palette (#E4E8DB, #6A98BB, #005A9E, #00384C, #00081F)
• Timeworn Denim Cabin color palette (#F4E8E3, #739A7E, #00516D, #003126, #00142C)
• Washed Villa color palette (#D2EFE2, #45CCB4, #1AA7AB, #006636, #002118)
• Cerulean Boulevard color palette (#F4F7E8, #81D9F5, #0099C9, #00717C, #003752)
• Lagoon Lantern color palette (#D4E5DC, #009E73, #00664B, #002E20, #000502)
• Turquoise Balcony color palette (#F6F7E4, #C5E5C4, #00B0B9, #008472, #004952)

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