Petrol Field color palette — #E7EBDE · #8FBFB0 · #2D6EAD · #004860 · #001338
Slate and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E7EBDE): a clean, paper-quiet neutral.
- Mint Leaf (#8FBFB0): A luminous, dusty teal — the color of glacier melt.
- Slate (#2D6EAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004860): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001338): 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
- Petrol Orchard color palette (#EAEADC, #80C0C3, #007986, #004C46, #001A20)
- Muted Sapphire color palette (#F6EBEF, #86B8DD, #2F60C9, #004F56, #2A2655)
- Weathered Cornflower color palette (#E6F1F1, #A5C9E9, #3489DE, #006789, #132C57)
- Antique Denim Hollow color palette (#EAEEDC, #4B94B1, #005070, #002B32, #00050C)
- Worn Petrol color palette (#F0F3ED, #C7DFE3, #7F9ECA, #23739B, #452D41)
- Chestnut Veranda color palette (#EEDEC9, #9F8244, #734C00, #482800, #130E00)
- Aged Mulberry Basin color palette (#FFEBE4, #F6B6A8, #D88D65, #9A3655, #370F0B)
- Sunlit Thicket color palette (#FCDDD5, #B73157, #7F5400, #650BA8, #1D0006)
Browse the whole catalog at Explore, or see today's palette.