Petrol Workshop color palette — #D6EFF0 · #007084 · #004254 · #002135 · #00040C

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

The five colors

• Frost (#D6EFF0): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007084): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004254): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002135): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00040C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged 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

• Dusty Lantern color palette (#E1EFF8, #006389, #6E3A00, #002E42, #060200)
• Cypress Parlor color palette (#E1EDE3, #007653, #00453A, #002321, #000708)
• Softworn Alley color palette (#D5EEEA, #00737D, #004759, #00243D, #160139)
• Nocturne Cobalt Garden color palette (#DAEDFF, #0076C2, #00385B, #001427, #000103)
• Lagoon Boulevard color palette (#C9EDE7, #00999E, #005A78, #00274C, #01000C)
• Lowlit Onyx Boulevard color palette (#CFE2EB, #005D92, #00367C, #0E0058, #030019)
• Periwinkle Alley color palette (#C8E7FE, #629CFF, #8167CB, #004956, #000819)
• Moonless Villa color palette (#D0E5F4, #004E76, #75003B, #2A3300, #000103)

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