Petrol Alley color palette — #FFF1F6 · #F1C199 · #5EA8AD · #506B98 · #393351

Slate and Cantaloupe set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Cantaloupe (#F1C199): A whisper-light, dusty gold — the color of old brass.
• Turquoise (#5EA8AD): A luminous, dusty blue — the color of open sky before noon.
• Slate (#506B98): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#393351): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Worn Taupe Meadow color palette (#FAF2FE, #F7B7CA, #8CA46D, #466F90, #1C3B55)
• Antique Periwinkle Canyon color palette (#EAF9F3, #CBD298, #789CCB, #706190, #55292D)
• Washed Ash Market color palette (#FBF2F6, #D8D4DF, #BDBFE7, #629E9E, #424D64)
• Worn Driftwood color palette (#FAF4ED, #E8BF8D, #9EB27C, #AE6F9A, #48413D)
• Mustard Ridge color palette (#E7FBF1, #C2C066, #3A94C0, #87425B, #461B23)
• Dusty Alley color palette (#EEF8F2, #C0DDF3, #85BAB8, #907E97, #354C46)
• Feathered Chapel color palette (#E7FCE6, #E99C00, #008F9B, #653098, #32034C)
• Weathered Stone Canyon color palette (#EDF9EE, #CCA86B, #465A52, #252E26, #130D10)

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