Petrol Field color palette — #EEF0E3 · #88C1CF · #00728E · #003D41 · #000306

Teal and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EEF0E3): a clean, paper-quiet neutral.
• Ash (#88C1CF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00728E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D41): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000306): quiet, heavy and certain.

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

• Cobalt Lantern color palette (#F4F7EB, #A0D4EF, #0083BF, #004F5F, #000D1D)
• Softworn Denim color palette (#E0E4D8, #7BA7CF, #11539E, #00283B, #00000A)
• Antique Periwinkle color palette (#CCF8E5, #9ED4FD, #6D9BF1, #005969, #000408)
• Airy Grape color palette (#C5E5F0, #00738E, #5A2EC7, #00512C, #000102)
• Aged Olive Veranda color palette (#D7EADE, #008DA7, #607000, #004351, #010100)
• Cerulean Workshop color palette (#F9E9F4, #009AB3, #004F72, #002C25, #000412)
• Cobalt Summit color palette (#EDDED7, #65BFD2, #008DC5, #006F5E, #001232)
• Ancient Azure Terrace color palette (#F4F8E4, #D5E5FA, #00A7E2, #00707F, #00273F)

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