Petrol Field color palette — #E7F4FD · #82BDD5 · #CC8A67 · #007DA0 · #462438

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

The five colors

• Ivory (#E7F4FD): a clean, paper-quiet neutral.
• Sky (#82BDD5): A luminous, dusty blue — the color of open sky before noon.
• Camel (#CC8A67): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#007DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#462438): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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 Amber color palette (#ECF9F2, #7BBAD5, #D38059, #007EA2, #524B47)
• Cypress Dune color palette (#E5F5F8, #7EC3B3, #C8859E, #008471, #3B2845)
• Worn Cobalt color palette (#EBF3FC, #9AB6D9, #BF9353, #4572B4, #203821)
• Olive Studio color palette (#E6F4FF, #67A5C6, #B37A91, #797E3A, #162A37)
• Antique Periwinkle color palette (#E8F3FF, #5DAEF6, #A16500, #005E9E, #301B00)
• Weathered Field color palette (#EDF2FB, #A9CEB1, #50608A, #22314B, #0E141E)
• Driftwood Quarry color palette (#EBF5EC, #A6C4B2, #948058, #734A59, #193229)
• Muted Cerulean Harbor color palette (#E8F4FD, #D6D6E4, #D6B9E0, #5A95A0, #2E3D4C)

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