Petrol Field color palette — #E8DDE5 · #61AFBF · #006DA3 · #004C35 · #060347

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

The five colors

• Silver (#E8DDE5): bright and airy, almost weightless.
• Cyan (#61AFBF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006DA3): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C35): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#060347): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Hushed Ultramarine color palette (#F7E5EC, #71A8D3, #495DB9, #004A4A, #1C0039)
• Petrol Study color palette (#FBEAE1, #5BC9D9, #006F9F, #004029, #000016)
• Wandering Ridge color palette (#ECE3D6, #28A0B4, #00516A, #00302D, #001626)
• Hazy Delta color palette (#D8EBDC, #28C4DE, #0090B9, #006E66, #001626)
• Aged Azure Alley color palette (#DDF3FF, #0097D6, #00607A, #002939, #000305)
• Quiet Cabin color palette (#C3E5F4, #8BB6E9, #BB70C6, #006343, #001D2F)
• Cobalt Alley color palette (#F6EAF4, #94D0D9, #0091CB, #007048, #1A2C54)
• Weathered Meadow color palette (#D8F2FF, #00859F, #B72A00, #004E5E, #240300)

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