Petrol Market color palette — #ABEAF7 · #5DB9D5 · #0081A8 · #006187 · #1F4967
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Powder Blue (#ABEAF7): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#5DB9D5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0081A8): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#006187): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#1F4967): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Market 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 Lagoon Studio color palette (#B3F6EB, #44B4AE, #009092, #00636B, #1A4561)
- Washed Villa color palette (#BBF7F2, #70CCDD, #00A5D0, #0070AB, #354970)
- Gentle Boulevard color palette (#E5F5E0, #55B4C0, #007EA5, #005A8A, #1C2A51)
- Cobalt Quarry color palette (#D0E3FF, #91AAEB, #6977C2, #514F92, #423E66)
- Hushed Petrol Terrace color palette (#E7FAF2, #5EA9D3, #AE72A3, #006E9A, #5D353A)
- Frosted Azure color palette (#D6E9F5, #0094E2, #0067B5, #004192, #3B1171)
- Weathered Powder color palette (#FDF0FF, #E9D4D9, #C1C5FA, #50809E, #594959)
- Feathered Cerulean color palette (#E0FDF2, #3992C4, #876CAA, #007B61, #1E3F35)
Browse the whole catalog at Explore, or see today's palette.