Petrol Workshop color palette — #E2E8EE · #9F9FAF · #8E84A2 · #006A9F · #010A15

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

The five colors

• Frost (#E2E8EE): a clean, paper-quiet neutral.
• Blue Fog (#9F9FAF): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#8E84A2): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006A9F): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#010A15): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Lapis Study color palette (#E5E8F3, #A59CA9, #948192, #6350B0, #05071B)
• Worn Denim Chapel color palette (#D6E0E8, #9EA5B1, #8382A5, #004B6A, #000A15)
• Onyx Thicket color palette (#DBE5E1, #9B8699, #7E6073, #002D47, #000201)
• Timeworn Pewter color palette (#D9E9FD, #827BB5, #86518E, #664200, #141600)
• Indigo Drift color palette (#DFE1E7, #C5BCCA, #B89FB8, #796FD5, #191E31)
• Fern Veranda color palette (#D1E5D4, #948B39, #586B00, #005065, #070600)
• Sunlit Loft color palette (#DCEFDF, #007ED0, #5B35C3, #5A2D00, #000116)
• Frosted Study color palette (#DBE5F3, #00B4E6, #358AFE, #990BF7, #010014)

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