Petrol Workshop color palette — #EDF6FF · #FFCABF · #0070B2 · #003152 · #000814
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF6FF): bright and airy, almost weightless.
- Shell Pink (#FFCABF): A whisper-light, dusty orange — the color of toasted spice.
- Slate (#0070B2): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003152): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000814): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Cypress Studio color palette (#E7F9FF, #FFCCAD, #007A80, #003639, #00090E)
- Misty Canyon color palette (#F0F6FF, #FDD45D, #4967B1, #1D2C52, #010716)
- Muted Studio color palette (#EEF6FF, #FFBCAC, #5C90D0, #385D8A, #061B32)
- Ancient Courtyard color palette (#E0F8F1, #E1906F, #005082, #00223C, #000B07)
- Sunlit Chartreuse color palette (#F1F5FF, #82E000, #523FB5, #1D0B52, #00000B)
- Timeworn Lichen Delta color palette (#F2F4FF, #E6FFC9, #7C83AA, #40445D, #191A25)
- Antique Magenta Quarry color palette (#EDF7FF, #B2DFFF, #CA62CC, #0087C4, #0C041D)
- Navy Pier color palette (#E5EFFF, #C39D00, #152D90, #01002A, #000106)
Browse the whole catalog at Explore, or see today's palette.