Petrol Workshop color palette — #F0F1E5 · #6FC0CA · #008398 · #005957 · #00242E
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F0F1E5): bright and airy, almost weightless.
- Cyan (#6FC0CA): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#008398): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005957): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00242E): 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
- Tempered Station color palette (#E0E4D8, #8BB7D6, #2D79B8, #00556E, #001E44)
- Wandering Cerulean Loft color palette (#E6FAF7, #95D9E2, #00899F, #005150, #000F16)
- Denim Study color palette (#EEE1DB, #6AABB3, #00607E, #004030, #00203D)
- Azure Parlor color palette (#EEE1EB, #7CCFD9, #00A0CE, #008062, #00203D)
- Antique Alley color palette (#F5F6EC, #ACE6F3, #00ACD3, #008286, #00465F)
- Azure Station color palette (#F2F9E2, #94D3FF, #3191E1, #006E8C, #003169)
- Pine Courtyard color palette (#D9E7C6, #86CEBA, #00BCBA, #247C3C, #003024)
- Lagoon Bloom color palette (#F6F6EE, #CCE3DB, #99BC9B, #589484, #3B5140)
Browse the whole catalog at Explore, or see today's palette.