Hazy Petrol Station color palette — #F1D5E0 · #B36A23 · #0070AE · #6D3A00 · #002B48

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

The five colors

• Shell Pink (#F1D5E0): A whisper-light, dusty rose — the color of a warm blush.
• Ochre (#B36A23): A full-bodied, balanced gold — the color of old brass.
• Slate (#0070AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#6D3A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002B48): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Hazy Petrol Station 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

• Misty Cobalt color palette (#FEE8EE, #B68143, #3E77CF, #7A4A00, #193460)
• Sapphire Ridge color palette (#D3E3D3, #A87300, #2B5FD9, #624200, #072164)
• Tempered Garnet Courtyard color palette (#EAD8E5, #C35A47, #007980, #891300, #003033)
• Faded Nightshade Loft color palette (#CEEAD4, #876600, #006B76, #2E2AC4, #291D00)
• Amethyst Drift color palette (#C9E6D6, #8C8100, #8045C2, #514A00, #360C5C)
• Timeworn Azure Meadow color palette (#F2D9C3, #FFAE67, #25ABFC, #A25A00, #002C47)
• Dusty Delta color palette (#EAFAF0, #AAA169, #648AC7, #736600, #2B4267)
• Gentle Courtyard color palette (#F6D3DF, #D68200, #009F6D, #8D5400, #00321F)

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