Tempered Petrol Alley color palette — #F2E7E0 · #68C1DE · #0071AE · #004C45 · #061335

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

The five colors

• Parchment (#F2E7E0): bright and airy, almost weightless.
• Cyan (#68C1DE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#061335): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Petrol Alley 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

• Weathered Abyss Hollow color palette (#F1E7E1, #64C7BF, #007988, #004F26, #001925)
• Softworn Petrol Lantern color palette (#F7EAF2, #85BACE, #366BA2, #005143, #272853)
• Tempered Workshop color palette (#E9DED3, #67A3D0, #244EB5, #00383E, #0B002C)
• Cerulean Terrace color palette (#E9F1EA, #99CEE1, #3C8FBE, #006B6D, #0E2F50)
• Timeworn Balcony color palette (#FAE9E1, #059CA9, #00516A, #002D21, #00040E)
• Dusty Ash Harbor color palette (#F8F0EB, #C2EAEA, #7DA0C3, #597357, #41303D)
• Worn Navy color palette (#F8EEE4, #2E81AF, #003682, #001F21, #01000A)
• Hushed Orchard color palette (#F2DCE6, #BD007D, #00704E, #00594E, #1C0103)

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