Petrol Workshop color palette — #F6EDE1 · #63BEE3 · #006EA8 · #004F54 · #162E4F
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F6EDE1): bright and airy, almost weightless.
- Cyan (#63BEE3): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006EA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#162E4F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Cobalt Meadow color palette (#FBF4EA, #92CDF4, #447BB9, #005E6C, #2C395C)
- Quiet Ultramarine color palette (#EFE7DC, #71A3D5, #294FAC, #003B4C, #18164A)
- Softworn Summit color palette (#F2E6DF, #90C0A9, #346FA5, #004B49, #0A1039)
- Wandering Chapel color palette (#E6F1F0, #B2D9F2, #41B0EA, #008EA4, #003150)
- Patina Lilac Loft color palette (#E8F6FF, #A6C6FF, #A48BE0, #006779, #422B43)
- Washed Cerulean color palette (#F8EEDF, #1DA0B4, #005169, #00302C, #001626)
- Feathered Cerulean Corridor color palette (#C7E6E6, #0095A8, #006680, #004562, #252255)
- Aged Azure Field color palette (#CAE4FF, #219DF9, #005B97, #002B4B, #00172A)
Browse the whole catalog at Explore, or see today's palette.