Petrol Alley color palette — #F5F1EB · #C6E4E8 · #849CCB · #23758F · #462C3E

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C6E4E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#849CCB): A luminous, dusty violet — the color of a velvet chair.
• Teal (#23758F): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#462C3E): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns 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

• Aged Cypress Terrace color palette (#F5F1EB, #C8E2DD, #6BA6BA, #227B6E, #173E32)
• Washed Ash Station color palette (#FBF3F5, #DBDDEE, #8B96C8, #3A7A7D, #4F5164)
• Hushed Emerald Market color palette (#FFEEE8, #C38B8B, #6D9C60, #5779AE, #36211A)
• Wandering Petrol color palette (#EEE8DF, #98BEA9, #0074A3, #004B4C, #00162F)
• Muted Cerulean Delta color palette (#F7F1E8, #B4DBBF, #0090B6, #00635B, #00283F)
• Hazy Ultramarine Atelier color palette (#E8DFD1, #7AA799, #1054AD, #003844, #050130)
• Dusty Lagoon color palette (#EAE3D7, #418587, #00434F, #002018, #000103)
• Hushed Plum Lantern color palette (#FCEEEB, #D6A69A, #54ADAD, #AD4F5E, #00393A)

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