Petrol Field color palette — #D4FFEA · #73D4CA · #00A1BA · #0B68A6 · #2D3875

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

The five colors

• Honeydew (#D4FFEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Aqua (#73D4CA): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#00A1BA): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#0B68A6): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2D3875): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Pale Teal color palette (#E5FDD1, #8FD2A7, #00AA97, #007387, #004464)
• Hazy Navy color palette (#D7FFF7, #94F3F6, #47ADCC, #006B97, #002E64)
• Hazy Azure color palette (#B8FDF7, #76D3F4, #4699E7, #5C61AB, #45256E)
• Hazy Navy color palette (#D6FFD7, #9AE7CF, #51C1DD, #4C83C3, #38307A)
• Linen Navy color palette (#D3EBE1, #009397, #00607F, #00295E, #0A002C)
• Feathered Ultramarine color palette (#BFE8DE, #00C1D6, #0081C3, #0927DB, #360071)
• Navy Delta color palette (#D7E9EC, #007BA5, #00408E, #1F005F, #050008)
• Cobalt Study color palette (#FFF2EA, #54C7B5, #2E8FC7, #904F34, #2F4332)

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