Petrol Field color palette — #D2E6F2 · #007E9D · #734E00 · #263F00 · #000202

Built around Cerulean, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Frost (#D2E6F2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#007E9D): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#734E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#263F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Worn Coast color palette (#E0EFEC, #61AFB4, #008393, #005E58, #000B10)
• Cocoa Orchard color palette (#F1E9FC, #8E7798, #925359, #634500, #141000)
• Softworn Ember Terrace color palette (#F7DEEC, #D05601, #786200, #125202, #000A09)
• Cellar Balcony color palette (#D2E9F7, #00617D, #670044, #191D00, #000204)
• Airy Plum Alley color palette (#F6E3F7, #C03A54, #7E4600, #393900, #000201)
• Washed Pier color palette (#D6F3EA, #719461, #067627, #005358, #020800)
• Hushed Summit color palette (#F7E1F7, #E35C6C, #A65E00, #575400, #001707)
• Denim Ridge color palette (#F5E1F7, #00549E, #57000E, #1C242A, #000B02)

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