Petrol Field color palette — #CFFFFE · #60D2CB · #00A2BB · #0B69A0 · #253776

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

The five colors

• Honeydew (#CFFFFE): A whisper-light, dusty teal — the color of glacier melt.
• Aqua (#60D2CB): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#00A2BB): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#0B69A0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#253776): 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

• Sunlit Grove color palette (#D7FFF7, #94F0F2, #5AB5CA, #006A97, #003466)
• Sapphire Pier color palette (#B9FDF8, #64CDE9, #4E93D7, #5061B6, #46276E)
• Wandering Teal color palette (#E5F7CC, #8ED3A1, #00A894, #007884, #00425E)
• Pale Cerulean color palette (#FFF0F9, #54C8B3, #308FC4, #944D2D, #23424C)
• Feathered Ultramarine color palette (#D3E6E2, #00B7D1, #0080B3, #1B11EC, #350072)
• Lagoon Cabin color palette (#C3E9D9, #008F97, #005F7A, #002E57, #0A0030)
• Wandering Cerulean color palette (#D8E8EF, #00A1B8, #394F66, #203038, #111A1C)
• Washed Navy Market color palette (#CFEFF2, #007AA5, #0043A2, #210060, #06000B)

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