Petrol Workshop color palette — #DBE6DD · #76ABBA · #007383 · #004C3B · #001720
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Parchment (#DBE6DD): bright and airy, almost weightless.
- Blue Fog (#76ABBA): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007383): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001720): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Dusty Petrol Balcony color palette (#E6F1E8, #82BCC9, #0080A7, #005A54, #002138)
- Ancient Delta color palette (#D8E2DA, #639BB4, #005D92, #003B40, #00071F)
- Softworn Aqua Hollow color palette (#F6EDDE, #5BCBCC, #007484, #003F30, #000305)
- Airy Villa color palette (#F1D9D3, #0BC8CC, #0090B8, #007232, #00132E)
- Frosted Cerulean color palette (#ECF9EF, #83DBE7, #009BBF, #007467, #003752)
- Fern Market color palette (#DDF0ED, #5AC6A4, #00ABB7, #456200, #001C0C)
- Faded Emerald Courtyard color palette (#DAF4E2, #27A15D, #00632E, #002E15, #000401)
- Misty Periwinkle color palette (#EFF8F0, #BDE0FD, #569DF5, #007F95, #2B3A77)
Browse the whole catalog at Explore, or see today's palette.