Petrol Alley color palette — #F0F8F1 · #CBDEE0 · #CEB3C3 · #007983 · #364439

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

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Silver (#CBDEE0): A whisper-light, dusty blue — the color of deep harbor water.
• Rosewood Mist (#CEB3C3): A luminous, dusty pink — the color of peonies in June.
• Teal (#007983): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#364439): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Hushed Petrol Orchard color palette (#EBF3F7, #D1D7E8, #A7C2E1, #00788B, #19272E)
• Aged Denim color palette (#E9F1EC, #D3C8D3, #B099A4, #005F72, #1D3427)
• Patina Harbor color palette (#F3F7EE, #CDDED9, #A3C5B7, #007F4E, #374700)
• Washed Sapphire Lantern color palette (#F9F3F9, #E6D5D5, #CFB4B7, #0066CF, #4A394A)
• Weathered Driftwood color palette (#FAF3F7, #E0D8D6, #AAADA2, #7C7CAB, #585055)
• Turquoise Chapel color palette (#EDF7FB, #D6DAE9, #BDA7AD, #19B9C6, #2E434B)
• Antique Pine color palette (#FCF4E7, #92AE73, #007D57, #005A72, #2F4118)
• Timeworn Fern Atelier color palette (#D5FFE6, #71BDB9, #5885B3, #5E5C00, #005D3A)

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