Petrol Workshop color palette — #F0F7F3 · #CFDCDD · #BEADBD · #146F85 · #303E36
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Silver (#CFDCDD): a clean, paper-quiet neutral.
- Ash (#BEADBD): A luminous, dusty pink — the color of a candy shop window.
- Teal (#146F85): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#303E36): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Patina Ridge color palette (#ECF7FC, #D7D8E4, #C2BACC, #398D9D, #323C41)
- Weathered Indigo Hollow color palette (#FDF1F6, #EBD4CF, #D5B2B4, #725AA4, #4D3942)
- Timeworn Abyss Coast color palette (#DFEAE5, #C0B4C2, #9E8598, #004B66, #11241C)
- Patina Ultramarine color palette (#FAF2F9, #DFCCD7, #C399A9, #1B4BC8, #3F2B3D)
- Aged Cypress Lantern color palette (#F6F6EA, #76A983, #00745A, #05565B, #313A00)
- Wandering Aubergine Veranda color palette (#F4ECEE, #D7C8CA, #BF9492, #664185, #38292E)
- Ancient Chestnut Thicket color palette (#C9EFDF, #BC9FB9, #936B7B, #804B19, #444800)
- Cellar Denim Terrace color palette (#D1EEE6, #0066AB, #1B2246, #001913, #000606)
Browse the whole catalog at Explore, or see today's palette.