Petrol Workshop color palette — #E6F6F0 · #82BBE3 · #BD936C · #2D79A8 · #35302B

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E6F6F0): bright and airy, almost weightless.
• Sky (#82BBE3): A luminous, balanced blue — the color of open sky before noon.
• Camel (#BD936C): A luminous, dusty gold — the color of old brass.
• Slate (#2D79A8): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#35302B): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Washed Cobalt color palette (#ECF8F4, #8CB5D5, #BC8E65, #2679AF, #654529)
• Cobalt Garden color palette (#FBEDF5, #ABADE4, #97A36B, #696AA8, #32312A)
• Cypress Archive color palette (#E9F6E7, #76C3BE, #CA8788, #18827D, #49261B)
• Cerulean Market color palette (#EDF7FE, #93CDED, #D2A975, #3397C5, #3B553A)
• Amber Meadow color palette (#DFF9F0, #70A2CA, #AF8547, #967139, #102D26)
• Aged Studio color palette (#FFEAFD, #ABD0F7, #6486B1, #375077, #28112B)
• Faded Balcony color palette (#FFEAFC, #6795F5, #A57B00, #134ACF, #2B1E00)
• Worn Driftwood Lagoon color palette (#E2F8F0, #EDD5CE, #D4BA97, #7F9A7A, #453742)

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