Powdered Petrol color palette — #ECDCC1 · #9E7800 · #0071AB · #5C4500 · #002C46

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

The five colors

• Bone (#ECDCC1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#9E7800): A full-bodied, balanced gold — the color of old brass.
• Slate (#0071AB): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#5C4500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002C46): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Sapphire Summit color palette (#D8E3D8, #AA7200, #2D66C7, #603F00, #000E33)
• Rust Thicket color palette (#F5D8C3, #C45D11, #00778D, #753200, #002F39)
• Tempered Cobalt color palette (#F6EEDB, #B29D28, #236BB6, #655600, #11365D)
• Gentle Ultramarine Workshop color palette (#EDE5C8, #727200, #2351B5, #3C3C00, #001050)
• Amethyst Thicket color palette (#EBDDBA, #8D8000, #7050C3, #524A00, #2C1859)
• Denim Summit color palette (#F1E9DC, #856600, #125CB1, #45348E, #291D00)
• Hushed Taupe color palette (#FCF5E2, #ACA24C, #8D7EBC, #716705, #443B61)
• Frosted Courtyard color palette (#CCE5D9, #B5B633, #00B3D3, #888800, #002F39)

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