Petrol Workshop color palette — #E9F1EA · #8FB7D0 · #006FA4 · #004F53 · #0F2E53

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#E9F1EA): bright and airy, almost weightless.
• Ash (#8FB7D0): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006FA4): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#0F2E53): A deep, shadowed, dusty 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

• Wandering Cobalt Market color palette (#F0F7F1, #A5CAE7, #2E7BC5, #005E6B, #2A3B55)
• Misty Cobalt Orchard color palette (#F5E3ED, #71C0DC, #1D6DB8, #004D3F, #110D39)
• Softworn Dune color palette (#E1EEE3, #77A3CD, #2050AE, #003C4B, #171748)
• Muted Sky Harbor color palette (#EDF1E1, #9FDEF7, #29B1ED, #008EA1, #01314D)
• Cerulean Parlor color palette (#E6F1E8, #4B9DAA, #005268, #00302B, #001625)
• Ancient Delta color palette (#F1F7F2, #D7DEEF, #679FCF, #3F7980, #465467)
• Wandering Navy color palette (#E2F1E5, #4687B5, #00397D, #002129, #04002D)
• Plum Pier color palette (#FFE3EC, #BF096F, #5C6500, #005377, #291632)

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