Petrol Workshop color palette — #ECF3FA · #A8C6E9 · #9972A2 · #4974A6 · #161322
A conversation between Slate and Heather, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF3FA): a clean, paper-quiet neutral.
- Sky (#A8C6E9): A luminous, dusty blue — the color of deep harbor water.
- Heather (#9972A2): A luminous, balanced pink — the color of a candy shop window.
- Slate (#4974A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#161322): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Weathered Canyon color palette (#F0F7F3, #96C9E0, #A96964, #00789C, #332C29)
- Hushed Powder color palette (#E8F6EB, #A1A6DF, #8D6A93, #365C43, #272A3F)
- Hushed Onyx Chapel color palette (#ECF2FF, #BCB9E5, #927DB1, #6B4671, #490A34)
- Muted Boulevard color palette (#EEF2F9, #D8D5DC, #BAABB1, #7483A1, #33363C)
- Ancient Archive color palette (#F8F3F9, #E3C6E5, #BB87B6, #4B8FDB, #3C272A)
- Softworn Pewter color palette (#F1F0FC, #CDA0D9, #A55E57, #7E4F8B, #160914)
- Chestnut Drift color palette (#ECF2FB, #7292C8, #96553C, #4C4D1F, #0A1F26)
- Weathered Hollow color palette (#DFE4F4, #877FDC, #9C004F, #4524A4, #050008)
Browse the whole catalog at Explore, or see today's palette.