Petrol Field color palette — #D3ECEF · #008096 · #004D62 · #002537 · #00040B

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D3ECEF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008096): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004D62): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002537): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00040B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Pine Villa color palette (#E1EEE5, #008A65, #005848, #002521, #000304)
• Timeworn Onyx color palette (#D0F2EF, #007081, #00435F, #2F004C, #000406)
• Wandering Loft color palette (#E2ECEF, #97A8AF, #678C9F, #005050, #000B10)
• Washed Basin color palette (#DBEDF6, #00AAA8, #00879A, #005C87, #000407)
• Shadow Nightshade color palette (#D9EDFA, #00627C, #2A00A1, #310032, #000202)
• Patina Navy color palette (#C6E3F5, #007BC0, #004485, #050074, #010012)
• Denim Balcony color palette (#DCEDFF, #687DA5, #4D4C8D, #4C0F37, #2C000F)
• Misty Delta color palette (#DCECFF, #3C6BCE, #3210C6, #20005E, #050015)

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