Petrol Field color palette — #F1E6E2 · #85BFC6 · #0474A1 · #004E2F · #031238
Slate and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F1E6E2): bright and airy, almost weightless.
- Ash (#85BFC6): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0474A1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E2F): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#031238): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Antique Sapphire Thicket color palette (#F1E7DD, #91B8DA, #5563B4, #004B4D, #1E0833)
- Softworn Petrol Workshop color palette (#F4EDE3, #82BDC3, #00748C, #005145, #003248)
- Hushed Drift color palette (#FAEFEA, #B0D0BC, #3C82B8, #005E46, #151B44)
- Antique Denim Courtyard color palette (#EEDFD6, #73A4BA, #1156A5, #003A32, #0A002D)
- Wandering Cerulean Loft color palette (#EFF8F0, #CAE2FF, #00A2C3, #006B5D, #002232)
- Tempered Cypress Study color palette (#F6F1EC, #C6E4D9, #768DBF, #006D68, #402031)
- Softworn Fern color palette (#EBEFD8, #95CEC5, #72A5DD, #655E00, #00241A)
- Softworn Grape Workshop color palette (#EBF2DD, #34A66F, #7E3A95, #005533, #20002B)
Browse the whole catalog at Explore, or see today's palette.