Petrol Workshop color palette — #D1F7E9 · #79B29F · #3F8090 · #5A4258 · #351A31

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

The five colors

• Honeydew (#D1F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#79B29F): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#3F8090): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5A4258): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Indigo (#351A31): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

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

• Aqua Hollow color palette (#C0F2EF, #7DBFC1, #6B869D, #6D5A69, #453241)
• Timeworn Teal color palette (#D9E6DD, #00B092, #007770, #004952, #00212D)
• Lagoon Canyon color palette (#E1EEE0, #008C7E, #2B5D7F, #3A223B, #250006)
• Dusty Rust Summit color palette (#D6EEF5, #00A6A7, #C1535A, #006263, #38070D)
• Patina Cocoa Canyon color palette (#F1E2C2, #80AB8E, #658572, #804128, #573700)
• Worn Ultramarine color palette (#C2EAD9, #00A8CA, #485EB0, #663916, #361800)
• Washed Turquoise color palette (#DBF8FF, #00C0DD, #007482, #00373F, #000F13)
• Antique Powder color palette (#D9F8FF, #A4C6DB, #8D96B0, #627260, #354433)

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