Petrol Field color palette — #F8EAF3 · #92B7CC · #206BAC · #005141 · #24265C

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

The five colors

• Blush (#F8EAF3): bright and airy, almost weightless.
• Ash (#92B7CC): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#206BAC): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005141): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#24265C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Forest Parlor color palette (#F4EBF5, #83BEBB, #00748D, #04540F, #002F55)
• Patina Cobalt Meadow color palette (#FCF2F7, #AEC9DD, #5A78AD, #006059, #3A335E)
• Muted Petrol Ridge color palette (#EFE8DD, #80BED2, #0074A2, #004B4B, #00162E)
• Misty Ultramarine color palette (#F7E9EE, #80A3C1, #3648B6, #003E3E, #270E46)
• Onyx Terrace color palette (#F6E9F4, #539DA4, #00506F, #00321B, #000E3C)
• Tempered Market color palette (#FAF3F7, #D7DFF0, #7B9BC7, #008171, #4A526A)
• Wandering Boulevard color palette (#FAEBE3, #87E2FD, #55ABF5, #259276, #252A4F)
• Soft Ridge color palette (#C0E6EA, #009478, #9E3F8F, #005645, #490041)

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