Powdered Petrol color palette — #FFF3E3 · #22BAAC · #0071AF · #583700 · #001619

Built around Slate, softened by Turquoise — the whole palette hums with trust and stability.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Turquoise (#22BAAC): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#0071AF): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#583700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#001619): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Hushed Ultramarine color palette (#EBFAEC, #00A6AD, #4E56BA, #5C2700, #00100E)
• Chalky Garnet color palette (#FFF2EC, #46BA89, #007791, #7A0900, #001714)
• Cobalt Market color palette (#FFF4E1, #60CACE, #4A7FC8, #674C00, #002631)
• Weathered Indigo color palette (#F6F9D3, #47AFDC, #6957BD, #3D4400, #001229)
• Hazy Navy color palette (#FBD0E6, #00888D, #0D4997, #542300, #00283A)
• Azure Drift color palette (#FEF2ED, #C1EAE1, #00A1C9, #006D4E, #002038)
• Antique Pine color palette (#FBF5E7, #ADC58B, #2F8A52, #005D60, #121C00)
• Washed Thicket color palette (#BCE8E7, #00BCEC, #008DE5, #8B419F, #00283A)

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