Tempered Petrol Alley color palette — #F1F7F2 · #D3DCDC · #AFC3C6 · #008391 · #414A44

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D3DCDC): bright and airy, almost weightless.
• Stone (#AFC3C6): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#008391): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#414A44): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Patina Pine color palette (#F4F6F0, #D4DDD8, #B2C4BF, #348660, #3D5007)
• Worn Harbor color palette (#EEF3EE, #CDDDDE, #D0BDBF, #378286, #282E28)
• Weathered Quarry color palette (#EFF8F3, #C2D8D2, #BB9BB4, #006384, #1D392E)
• Petrol Quarry color palette (#DAE9E3, #007AAC, #3E2B3D, #0C241C, #050F0E)
• Softworn Abyss color palette (#DFE8E3, #9FADA8, #8B788A, #003E4D, #02190D)
• Lapis Lagoon color palette (#FAF3F7, #E3D6D4, #C3ADB0, #5E56AA, #43363D)
• Wandering Chestnut Studio color palette (#E5FCEF, #C6AFC8, #937A88, #8A5027, #514C00)
• Dusty Petrol Thicket color palette (#FFF4E2, #5CA4B5, #396BAA, #7C3330, #1C4636)

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