Petrol Field color palette — #EFF6FA · #D6D9E3 · #A9B4C6 · #00717E · #2C3D45
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FA): a clean, paper-quiet neutral.
- Silver (#D6D9E3): bright and airy, almost weightless.
- Ash (#A9B4C6): A luminous, dusty violet — the color of wild irises.
- Teal (#00717E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#2C3D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Aged Petrol color palette (#EDF4EF, #C9DADA, #9DC0B4, #007186, #17241C)
- Washed Denim Chapel color palette (#EEF6FF, #CBD2E5, #A4A3C4, #005AA7, #1F344B)
- Wandering Cerulean color palette (#F2F5FB, #DBD8DF, #B7A7A6, #6B82AE, #4D535C)
- Abyss Lantern color palette (#D9E5EC, #B1BAC3, #838EA8, #004D5E, #10222B)
- Washed Cypress color palette (#EBF9F2, #71A79D, #307155, #07555F, #163D37)
- Worn Basin color palette (#C6EBF1, #8CB1CA, #6E77A1, #6A541E, #205047)
- Softworn Lapis color palette (#F3F5FB, #E1D6E3, #C1B7CC, #6655C3, #393F51)
- Softworn Parlor color palette (#EFF8F1, #CBDEDF, #D6BCB5, #51AFBD, #343D36)
Browse the whole catalog at Explore, or see today's palette.