Petrol Field color palette — #BCE9EC · #3EAECD · #1778A5 · #574274 · #54283E

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

The five colors

• Frost (#BCE9EC): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#3EAECD): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#1778A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#574274): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#54283E): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, 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

• Weathered Teal Loft color palette (#CAF0E3, #00B6AE, #007D8A, #3D4B79, #3D316C)
• Cobalt Canyon color palette (#CEE4F8, #79A2E1, #686AB3, #6F3158, #58271F)
• Teal Dune color palette (#D2E6D9, #00ACB1, #4971A9, #6D341B, #3E1200)
• Chalky Canyon color palette (#C2EDF2, #00A0B6, #006A80, #004C63, #00344A)
• Ancient Petrol Archive color palette (#F4F7E9, #6DC5E5, #0078A3, #00545F, #003755)
• Hazy Azure color palette (#DCF0FF, #009FE8, #006296, #00304D, #001A2B)
• Aqua Courtyard color palette (#CDEDD8, #3EC4D3, #658EC3, #7F4D36, #662600)
• Gentle Olive Veranda color palette (#B5F0FF, #0094AD, #677A00, #005868, #2A3200)

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