Tempered Petrol Alley color palette — #E0F2EB · #5A9FB3 · #45659A · #644100 · #223B24

Slate takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E0F2EB): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#5A9FB3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#45659A): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#644100): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#223B24): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Ancient Cobalt color palette (#D7E9EC, #6DAFC1, #626FA8, #684E24, #2C4C3A)
• Ancient Balcony color palette (#E0F4E4, #51A8AF, #386A91, #663A20, #4B2B3C)
• Timeworn Cerulean color palette (#D0ECF2, #418FB1, #484F82, #4C3800, #1F2D00)
• Byzantium Field color palette (#D1F4FF, #689AE3, #864DA0, #405500, #004639)
• Worn Ash Orchard color palette (#EAF7FF, #B2BED4, #9891B3, #577A71, #345253)
• Antique Sky color palette (#D5E5EF, #78B2DB, #6A84AE, #705374, #512F45)
• Ancient Powder color palette (#C8EAE9, #7FC4E6, #7793C3, #9C6367, #5F2C0D)
• Cornflower Boulevard color palette (#C9E1FB, #2691ED, #8D4600, #004B83, #421D00)

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