Petrol Alley color palette — #F0F6FA · #D9D8E1 · #ADB2C8 · #006C97 · #303C46

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D9D8E1): bright and airy, almost weightless.
• Ash (#ADB2C8): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006C97): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#303C46): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Muted Cerulean Summit color palette (#EFF6FC, #D7D8E4, #BFBCDA, #4F86B0, #323C45)
• Washed Harbor color palette (#EBF4F1, #E4D3D9, #C5AFC2, #2E6A95, #172320)
• Denim Garden color palette (#E9F0F6, #B2B9C8, #898BAA, #004875, #14212C)
• Dusty Ridge color palette (#D3EEFE, #84A3B9, #647390, #664F05, #354E24)
• Muted Field color palette (#F4F4FE, #E3D4DF, #C9B3CD, #8D40B5, #3E3D52)
• Hushed Denim color palette (#FFF1F7, #82A58A, #64672A, #2B4A7D, #1F3D27)
• Smoked Courtyard color palette (#D8E0EC, #355BBB, #22233D, #081326, #03040C)
• Antique Grove color palette (#F1F5FF, #D0D0E7, #AD9EC5, #4A2FDB, #27324E)

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