Petrol Field color palette — #E0E1D4 · #6EAEB4 · #007383 · #004A47 · #00171E
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Bone (#E0E1D4): bright and airy, almost weightless.
- Blue Fog (#6EAEB4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007383): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004A47): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00171E): 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 Balcony color palette (#EBEEDE, #82BBCE, #0080A7, #005861, #002235)
- Patina Denim Corridor color palette (#E8ECDE, #6A99B5, #005D92, #003948, #00091A)
- Aqua Summit color palette (#DBF4F0, #65C8D2, #007485, #003E3C, #000305)
- Ultramarine Coast color palette (#E4EAD9, #7AAEA0, #1065BC, #004661, #000B41)
- Frosted Veranda color palette (#F5F7E4, #81DAEF, #009BC0, #007177, #00384E)
- Worn Periwinkle Atelier color palette (#F3F7EB, #B9E6DA, #629DEA, #007BA9, #243D74)
- Mulberry Lagoon color palette (#FAEAF9, #245CCF, #950095, #005657, #000423)
- Patina Villa color palette (#E0E1F7, #B8A6F2, #AB76C7, #2640C2, #1A123D)
Browse the whole catalog at Explore, or see today's palette.