Petrol Study color palette — #F0F7F2 · #C6E0E3 · #C9B3C3 · #006C7D · #011106

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#C6E0E3): A whisper-light, dusty blue — the color of open sky before noon.
• Rosewood Mist (#C9B3C3): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#006C7D): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#011106): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Study 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

• Dusty Cypress color palette (#F3F7EE, #CDDED9, #A4C4B2, #007151, #090F02)
• Denim Veranda color palette (#F9F3F8, #E9D4D4, #D0B2B8, #3A5E9E, #120912)
• Timeworn Abyss Terrace color palette (#E9F0EC, #A2B9AF, #6D988B, #004C5E, #000F07)
• Tempered Cerulean Lagoon color palette (#D7E0E5, #BBBFCA, #A1A5BD, #008EAC, #0A222E)
• Charred Denim Archive color palette (#D0EFE5, #00659D, #0E0A33, #040D0C, #000201)
• Airy Sky Lagoon color palette (#AEF4F6, #72B0DA, #75659D, #564600, #0C1700)
• Worn Veranda color palette (#FAF6E1, #76B472, #007156, #004450, #070800)
• Tempered Chapel color palette (#E5DEE3, #C6B5BC, #A9888D, #1F3182, #030003)

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