Petrol Workshop color palette — #EAF4F3 · #B3E4FF · #6094B9 · #0E697D · #1C2E3F
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF4F3): bright and airy, almost weightless.
- Powder Blue (#B3E4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#6094B9): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#0E697D): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#1C2E3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Feathered Villa color palette (#AFF0FE, #00B7E2, #008AB4, #065679, #132E45)
- Softworn Teal color palette (#D2E5E1, #54ACB1, #00646F, #003A35, #000D12)
- Antique Cypress color palette (#F9F4ED, #C9E4D8, #608FBA, #006F7A, #364869)
- Timeworn Powder Hollow color palette (#E8F3FF, #D8D3E8, #B9BDF1, #567E99, #293544)
- Cobalt Summit color palette (#CFE5E4, #3B91D0, #00498A, #00293A, #000315)
- Timeworn Azure Terrace color palette (#E7F4FF, #1F95E0, #926DAF, #007D6A, #0A2032)
- Quiet Turquoise Lantern color palette (#E5F4FF, #40B1E0, #719C55, #146E8F, #1A2E0A)
- Hushed Villa color palette (#D2EAE7, #17869D, #004255, #001F21, #000103)
Browse the whole catalog at Explore, or see today's palette.