Petrol Workshop color palette — #E9F5F1 · #88BADE · #A05C79 · #006BA0 · #180909
Peacock and Mocha set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9F5F1): a clean, paper-quiet neutral.
- Sky (#88BADE): A luminous, dusty blue — the color of open sky before noon.
- Mocha (#A05C79): A full-bodied, balanced rose — the color of a warm blush.
- Peacock (#006BA0): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#180909): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Sophistication. Tagged duotone, 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
- Timeworn Petrol color palette (#F6EFF5, #9BB3E5, #A7603B, #4662A1, #170B04)
- Washed Workshop color palette (#EEF4ED, #63C7BF, #945F92, #00746E, #19090C)
- Tempered Ridge color palette (#F9F3F8, #93B0DD, #994F91, #0A58C3, #341C1F)
- Antique Cobalt Basin color palette (#EFF6FC, #9ACCEB, #C67477, #008AC2, #2C1F2B)
- Weathered Pier color palette (#EEF6DA, #62A3D7, #82598B, #0E542F, #31192C)
- Muted Cabin color palette (#CFEEFF, #93AFEE, #8762A1, #6B2B57, #4C0009)
- Muted Petrol color palette (#F6EFF4, #DFD5D3, #C8B9B0, #6772A0, #332830)
- Misty Grape Veranda color palette (#FCEDF5, #A496FF, #906000, #5B40B7, #100700)
Browse the whole catalog at Explore, or see today's palette.