Tempered Petrol Alley color palette — #F1F7F2 · #D2DCDB · #AEC4C4 · #2D828A · #404B42
Teal 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 (#D2DCDB): bright and airy, almost weightless.
- Stone (#AEC4C4): A luminous, dusty teal — the color of sea glass.
- Teal (#2D828A): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#404B42): A full-bodied, dusty teal — the color of sea glass.
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
- Hushed Lantern color palette (#F4F6F0, #D4DDD7, #B3C4BC, #378659, #404F02)
- Wandering Lagoon Canyon color palette (#EEF3EE, #CEDBDB, #CFBBC1, #3D8283, #272E28)
- Aged Abyss color palette (#E8F3EC, #9CAEA5, #64887B, #003F4B, #02190C)
- Ancient Denim color palette (#EBF9F2, #C2D9D0, #8CAFA6, #006480, #163B2C)
- Washed Denim color palette (#F9F3F7, #E0D6D6, #C5ABB4, #5A5B9F, #43363E)
- Soft Aubergine Studio color palette (#F1F9E4, #4EA3C6, #316DA5, #6D3079, #194738)
- Antique Cocoa color palette (#FFF0FD, #C1ABB9, #A47D8D, #815750, #6A4300)
- Timeworn Onyx color palette (#D6E3DF, #9F969F, #81677B, #002C4F, #000C09)
Browse the whole catalog at Explore, or see today's palette.