Petrol Workshop color palette — #D7E1DB · #8FA6A5 · #718E90 · #006F84 · #000D05

Teal and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D7E1DB): bright and airy, almost weightless.
• Taupe (#8FA6A5): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#718E90): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#006F84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#000D05): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Petrol Dune color palette (#E1F1EC, #B59FA5, #A58289, #2F669A, #000C09)
• Worn Abyss Station color palette (#E5F3E8, #8EACA1, #997B94, #004F58, #030C05)
• Antique Veranda color palette (#D9E4DC, #82918D, #7A6371, #003036, #000200)
• Softworn Quarry color palette (#D5E1E6, #ADBDC9, #7D94AE, #00444F, #000102)
• Ancient Coast color palette (#E0E3CA, #4D9C61, #00754B, #165348, #000902)
• Cobalt Bloom color palette (#E6DFE6, #D6B9BD, #C39DA0, #6180B8, #281927)
• Tempered Alley color palette (#D1E8D9, #0085B3, #0059AA, #5C1361, #000409)
• Antique Sapphire Quarry color palette (#C1E9D9, #00B0CA, #6588E2, #2473E6, #00050E)

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