Petrol Field color palette — #F4F2E4 · #9BB453 · #0071AE · #516400 · #000C08

Slate takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F4F2E4): bright and airy, almost weightless.
• Sage (#9BB453): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#516400): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#000C08): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Airy Marigold Study color palette (#FBF0E1, #CE9F3C, #0074A2, #765500, #000D07)
• Softworn Sapphire Summit color palette (#F2F3E5, #83BA5F, #2D5BE4, #376A00, #010524)
• Softworn Clover Lagoon color palette (#F5F7E7, #61BA4D, #007185, #1C6800, #092315)
• Faded Pier color palette (#F2F3E9, #8DAB75, #6A4FB0, #396200, #120109)
• Denim Field color palette (#E6E6D7, #789A4D, #005797, #355000, #000302)
• Indigo Dune color palette (#F0F3EB, #7BC5A4, #6A69BD, #007754, #160912)
• Lime Bloom color palette (#EBF9F3, #BAC623, #008ED6, #777F00, #051F32)
• Misty Balcony color palette (#FFEEE7, #58A73A, #006D7F, #790018, #002317)

Browse the whole catalog at Explore, or see today's palette.