Petrol Field color palette — #E8EAE2 · #91BEB0 · #276EB0 · #00485F · #001337
Slate takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E8EAE2): a clean, paper-quiet neutral.
- Mint Leaf (#91BEB0): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#276EB0): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#00485F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001337): 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 Field 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
- Antique Petrol color palette (#E9EAE1, #80C0C3, #007986, #004C46, #001A20)
- Misty Sapphire color palette (#F6EBEF, #84B8DE, #285FD0, #004F55, #2A284F)
- Hushed Cobalt Canyon color palette (#E4F2F1, #99CBF2, #3489DB, #006788, #132D55)
- Cerulean Orchard color palette (#F2F3E9, #B4DBBE, #0092AE, #006262, #002A37)
- Chalky Study color palette (#FFE7FD, #B4C3FD, #9B8EDF, #0065A6, #0C1A3D)
- Antique Lagoon color palette (#E1E2D8, #438587, #00444B, #00201C, #000202)
- Antique Grape color palette (#D7F3E9, #0072AB, #7937AB, #005A4A, #000C18)
- Pale Pine color palette (#D3EDE5, #3885C1, #0C812E, #004A78, #001803)
Browse the whole catalog at Explore, or see today's palette.