Petrol Workshop color palette — #E9F1EA · #92B7CC · #0070A2 · #004F51 · #002E5B

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

The five colors

• Cream (#E9F1EA): bright and airy, almost weightless.
• Ash (#92B7CC): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#0070A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#002E5B): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Weathered Cobalt Balcony color palette (#F1F7F2, #A7CAE4, #417CB4, #005E69, #263961)
• Timeworn Atelier color palette (#F0E6EB, #7ABFD5, #006EBA, #004D3D, #0F1035)
• Tempered Ultramarine color palette (#DCE7DE, #77A4CA, #1350B2, #003C4A, #141450)
• Azure Coast color palette (#F6EDE1, #92E0FC, #30B0F4, #009094, #132F4E)
• Wandering Canyon color palette (#DBE4DD, #5A9BA4, #005266, #00302A, #001624)
• Hushed Petrol Dune color palette (#F1F7F2, #D7DEEF, #789EBD, #0C7D86, #445468)
• Weathered Lapis Workshop color palette (#CCE5D8, #888307, #5F51D5, #4F4B00, #241862)
• Mulberry Lantern color palette (#DBF3E9, #6B7200, #00668E, #8C0053, #1F2200)

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