Petrol Workshop color palette — #F4EBF3 · #70C7CD · #007197 · #004121 · #00020C
A conversation between Peacock and Aqua, giving this palette its sense of nature and growth.
The five colors
- Blush (#F4EBF3): a clean, paper-quiet neutral.
- Aqua (#70C7CD): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#007197): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004121): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#00020C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Hushed Ultramarine Workshop color palette (#F8E9F0, #74C2E4, #0063CA, #003F36, #020012)
- Weathered Coast color palette (#FEF1F9, #8FD9EE, #007FCE, #005340, #070231)
- Wandering Cerulean Hollow color palette (#EDDED7, #4E9DA4, #005268, #003122, #001528)
- Timeworn Lagoon color palette (#E5D9F3, #8B27CC, #006855, #004E45, #020006)
- Antique Cerulean color palette (#F5EBDC, #5FC1C9, #0092AD, #006F5D, #001622)
- Sky Terrace color palette (#FBF2F9, #CFD7EB, #5AB0E1, #218258, #1E2D4F)
- Feathered Forest Archive color palette (#FBF1FB, #AEF5F5, #00A1CA, #006F2B, #001E3F)
- Hazy Peony Alley color palette (#E6DAF9, #DF3CB7, #467100, #5E004B, #010200)
Browse the whole catalog at Explore, or see today's palette.