Petrol Workshop color palette — #CFF4E6 · #0073A4 · #2E295D · #112022 · #000A06

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

The five colors

• Honeydew (#CFF4E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#0073A4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2E295D): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#112022): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000A06): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged noir, dark, luxury, muted.

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

• Cypress Courtyard color palette (#CCE9E7, #007B76, #003651, #0C1917, #000A00)
• Sapphire Garden color palette (#F8DDF9, #0067CF, #3B2653, #1D232A, #000618)
• Velvet Denim color palette (#D7EDFF, #005884, #051340, #13121A, #000307)
• Hazy Alley color palette (#DDEEFF, #1095F8, #5D507E, #1A3752, #000B03)
• Hushed Iris color palette (#FDEAF5, #9292FF, #7E587C, #54374A, #011610)
• Pine Bloom color palette (#EDE3CF, #80A55D, #00845F, #005F7A, #081300)
• Lowlit Ultramarine color palette (#FCE7F6, #3437E4, #2E1635, #050E12, #050004)
• Antique Terrace color palette (#F9EEF8, #8CB8FF, #8A757C, #5C505B, #1D2320)

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