Petrol Workshop color palette — #F4ECF0 · #85BAD2 · #226BAD · #00504E · #1E275F

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

The five colors

• Blush (#F4ECF0): a clean, paper-quiet neutral.
• Ash (#85BAD2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#226BAD): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#1E275F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Softworn Petrol color palette (#E8EAE1, #89BBD3, #0073A5, #004957, #00172B)
• Cobalt Dune color palette (#FBF2F6, #AEC9DF, #5477B7, #005F65, #36365A)
• Wandering Spruce color palette (#E8DCE4, #77A8B3, #006271, #004120, #002333)
• Patina Periwinkle Lagoon color palette (#FAEBE2, #A0DDF9, #5FA9F2, #00918E, #232B4C)
• Worn Cypress color palette (#F9F3F8, #BFE3F0, #4296B1, #057452, #254B69)
• Navy Chapel color palette (#E8DBDF, #5A85AA, #162C92, #002226, #0B0027)
• Aged Plum Chapel color palette (#FBE4FE, #B33755, #00713B, #00595A, #3E0515)
• Dusty Aubergine color palette (#F9F2FF, #F5B0A2, #CD9440, #77438E, #54232C)

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