Petrol Field color palette — #F1E8D9 · #6FC0DB · #0074A3 · #004B4C · #00162F
Slate and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F1E8D9): A whisper-light, dusty gold — the color of old brass.
- Cyan (#6FC0DB): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0074A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00162F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Washed Petrol Study color palette (#F7EAF2, #90B8CD, #006EA8, #005049, #162B5A)
- Antique Ridge color palette (#F8F1E6, #98D0EE, #4681B4, #005A63, #2F162D)
- Weathered Villa color palette (#ECE2D2, #56A4DD, #1F56A3, #003844, #040428)
- Muted Cerulean Canyon color palette (#F3EBDF, #009CA9, #005265, #002C26, #00050A)
- Azure Balcony color palette (#FFF2EB, #BDEFFF, #4297E2, #006C56, #17193E)
- Washed Meadow color palette (#F6F1EA, #C0EAE9, #7AA1C0, #56745A, #412F41)
- Plum Studio color palette (#EEDAE2, #BE0078, #606300, #005372, #1C000D)
- Hazy Raspberry Balcony color palette (#FDEAEA, #D1329C, #007E64, #7E005A, #001710)
Browse the whole catalog at Explore, or see today's palette.