Petrol Workshop color palette — #F4EBF1 · #8EB8D0 · #316AA6 · #005143 · #272755
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F4EBF1): a clean, paper-quiet neutral.
- Ash (#8EB8D0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#316AA6): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#272755): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Forest Terrace color palette (#F2ECF3, #83BEBB, #00748D, #04540F, #002F55)
- Patina Meadow color palette (#FDF1F7, #A7CAE3, #4F77BD, #006058, #3A335D)
- Worn Coast color palette (#EEE8E0, #80BED3, #0073A5, #004B4C, #001630)
- Ancient Boulevard color palette (#F6E8ED, #83A2BE, #3F4F9F, #003E3F, #2A064C)
- Timeworn Forest Terrace color palette (#F9F2FA, #AAD7E2, #008DAC, #066C17, #12426B)
- Washed Study color palette (#F5E9F3, #5A9BA4, #005072, #00321D, #000843)
- Timeworn Cypress color palette (#FAF3F6, #D7DFF0, #7B9BC6, #2E7E70, #48516E)
- Tempered Periwinkle Quarry color palette (#FCEBE0, #A1DEF2, #65AAEC, #2E9178, #252953)
Browse the whole catalog at Explore, or see today's palette.