Petrol Field color palette — #E4E6DC · #58ADC8 · #007FA7 · #005C65 · #000B14

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

The five colors

• Parchment (#E4E6DC): bright and airy, almost weightless.
• Cyan (#58ADC8): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C65): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Patina Denim Coast color palette (#E7DDD8, #609CAE, #005E8D, #003C35, #000527)
• Sapphire Chapel color palette (#E3E8DC, #76A5D4, #006EE7, #00587C, #010328)
• Timeworn Cerulean Meadow color palette (#EBECDF, #7FCFD7, #00A4BB, #007D79, #00242E)
• Ancient Turquoise color palette (#DFEED7, #4EBFBA, #00ABBB, #007858, #010F00)
• Lagoon Drift color palette (#DEF4EF, #00A28D, #007463, #004035, #000202)
• Ancient Navy color palette (#ECE0D9, #3D8396, #003E68, #002017, #01000B)
• Lapis Bloom color palette (#DFE8D9, #00937B, #4652FF, #006352, #020023)
• Dusty Ultramarine Basin color palette (#CFE4E1, #008077, #0066BA, #516100, #000202)

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