Petrol Alley color palette — #F9DDE5 · #CC8524 · #0067B0 · #744700 · #001C35

Cobalt takes the lead with Mustard close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F9DDE5): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#CC8524): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#0067B0): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#744700): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#001C35): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Softworn Quarry color palette (#F2E3EC, #E37246, #007BBA, #762700, #001D31)
• Chalky Cabin color palette (#CBEEDB, #A79925, #0067B2, #5D5400, #001B36)
• Sapphire Terrace color palette (#FFEAD7, #E28622, #0A67D8, #733E00, #00061A)
• Linen Cobalt color palette (#FBDDE6, #EC9B2C, #0080D4, #9C6100, #001C35)
• Hazy Station color palette (#EBDFD1, #985E00, #005D98, #523100, #001C33)
• Lapis Garden color palette (#E1F5E4, #996F00, #5849D7, #5A4000, #0D0039)
• Patina Grape Drift color palette (#E4F4ED, #979F25, #7A3DBF, #535800, #260046)
• Mulberry Ridge color palette (#FAE2F8, #D6555A, #00858B, #9D0023, #002022)

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