Petrol Field color palette — #E7F2E4 · #008188 · #2E4270 · #391800 · #120400
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F2E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Teal (#008188): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2E4270): A deep, shadowed, balanced violet — the color of a velvet chair.
- Espresso (#391800): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#120400): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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
- Weathered Petrol Bloom color palette (#D1F0E9, #316BA7, #543962, #331D00, #0F0600)
- Quiet Pine Thicket color palette (#E7E0BF, #348143, #004A59, #43041B, #1B0006)
- Lagoon Cabin color palette (#D7EEE3, #399A9F, #445F8C, #573007, #321900)
- Hushed Thicket color palette (#D3F3FF, #2B78A5, #224474, #431149, #350027)
- Patina Lagoon color palette (#E9DBD1, #4494B7, #004597, #002C26, #040019)
- Nocturne Petrol color palette (#C6EEE7, #00707E, #003A4D, #001C37, #04001C)
- Antique Cocoa Grove color palette (#CAEBF9, #006581, #6B3C00, #002F3E, #060200)
- Ancient Cobalt color palette (#D8F5FF, #7171AE, #71485F, #1E3700, #171600)
Browse the whole catalog at Explore, or see today's palette.