Petrol Field color palette — #D1FAEF · #237196 · #433968 · #331C00 · #0F0600
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D1FAEF): A whisper-light, dusty teal — the color of glacier melt.
- Slate (#237196): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#433968): A deep, shadowed, dusty violet — the color of wild irises.
- Onyx (#331C00): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#0F0600): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, 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
- Lowlit Denim color palette (#D8F0F2, #2C5593, #4F2546, #1F1900, #070400)
- Antique Market color palette (#E8F0D4, #14836A, #004576, #3F0B0E, #160001)
- Wandering Azure color palette (#C9F5FB, #56A2CE, #55609D, #4D1F1B, #110600)
- Gentle Cobalt color palette (#CBE3F1, #4076AF, #384674, #471B42, #370D24)
- Muted Balcony color palette (#D4E8DD, #489099, #496097, #5D3800, #1C1F00)
- Shadow Navy Market color palette (#E2F0FF, #004A88, #4B3D00, #222E06, #000104)
- Tempered Lagoon color palette (#F5E4E0, #009E9A, #005264, #022E04, #00040D)
- Hushed Indigo Grove color palette (#DBEDF9, #826FB8, #753445, #04361F, #00190B)
Browse the whole catalog at Explore, or see today's palette.