Petrol Field color palette — #FFF4E2 · #6DC6DD · #0078A2 · #005654 · #00355B

Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#6DC6DD): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0078A2): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#00355B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Petrol Atelier color palette (#F4EEE3, #99BB9E, #00758A, #005143, #003346)
• Cobalt Alley color palette (#FFEEE5, #73CAE0, #0077BC, #00543F, #0E0355)
• Pale Sapphire color palette (#FCF4E8, #7BBFF7, #2567D4, #005366, #232475)
• Cerulean Courtyard color palette (#FDF4E5, #8FDFD9, #00909C, #00694B, #004858)
• Washed Denim color palette (#F5EEE4, #6AA9C0, #005E89, #003E3F, #001F41)
• Faded Sky color palette (#EDF9EF, #94E8FF, #10B9F7, #009894, #00355B)
• Cornflower Delta color palette (#FFF0FA, #99D6E7, #0092E9, #00755A, #23296C)
• Dusty Pier color palette (#FAF4EC, #C6E4D8, #5E8EBE, #006F7C, #573E54)

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