Petrol Field color palette — #DFFFE5 · #00B7C4 · #0070B0 · #6F1D2C · #00161C
Slate and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DFFFE5): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#00B7C4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0070B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Oxblood (#6F1D2C): A deep, shadowed, balanced red — the color of a theater curtain.
- Ink (#00161C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Balance. Tagged retro.
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
- Powdered Teal color palette (#DEFFE5, #00BD98, #007889, #652150, #001715)
- Chalky Dune color palette (#FFF4DE, #10AEF2, #555EC2, #692900, #001329)
- Feathered Aqua color palette (#E1FEE7, #00CCED, #447FC9, #793D39, #082434)
- Grape Lagoon color palette (#E9F8FF, #00A4B9, #7646AE, #6B1000, #090F00)
- Worn Ultramarine color palette (#FFECC5, #0098C1, #2446B9, #511000, #00040A)
- Ancient Denim Canyon color palette (#FFE7D0, #008B82, #005080, #432300, #001115)
- Muted Powder Market color palette (#E2FBFF, #94C4E5, #7886A9, #75453B, #392000)
- Ancient Hollow color palette (#F6D2E4, #00C3BE, #368CDB, #9A4E17, #002931)
Browse the whole catalog at Explore, or see today's palette.