Petrol Field color palette — #FDF4E5 · #77C5D8 · #00789F · #005652 · #003659

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

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#77C5D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#00789F): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005652): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#003659): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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 Sapphire color palette (#FFF4E2, #82BFEE, #296BC8, #005364, #212772)
• Cobalt Pier color palette (#FFEEE5, #53CDE9, #0078BA, #00543E, #0D0B4D)
• Patina Garden color palette (#F0E9E0, #69A9BE, #005E86, #003E3E, #00203F)
• Sky Terrace color palette (#EBFAEE, #90E9FF, #00BAF5, #009892, #003659)
• Faded Azure color palette (#FFF0FA, #69DDF6, #0094E0, #007556, #1F2B6A)
• Dusty Cypress color palette (#F8F5EF, #CBE3D8, #638FB7, #006F7A, #5A3C57)
• Frosted Balcony color palette (#EDE6DA, #6D94B3, #00449A, #002E39, #0A0048)
• Soft Alley color palette (#F0EFDC, #7A7400, #006E8E, #920067, #282500)

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