Petrol Study color palette — #EFF6FF · #75A2DD · #AC8215 · #2A65B0 · #2A4B32

A conversation between Cobalt and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#75A2DD): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#AC8215): A luminous, balanced gold — the color of honey in a jar.
• Cobalt (#2A65B0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#2A4B32): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Pale Amber color palette (#EDF6FF, #57A7E3, #C27427, #006BA6, #5D3919)
• Cobalt Cabin color palette (#EFF6FF, #8DB8FF, #C79D58, #5780C4, #304A33)
• Ancient Terrace color palette (#F1F5FF, #9698DA, #2AA166, #5D5BA6, #204D33)
• Grape Parlor color palette (#F4F4FF, #B58CCE, #A88400, #8148A0, #4F4118)
• Timeworn Cerulean color palette (#ECF7FF, #2293C7, #8A7D00, #5E722C, #223B4D)
• Tempered Rose color palette (#ECF7FF, #47ACD9, #D06074, #006F95, #513755)
• Chalky Grape Veranda color palette (#DBE4FF, #7B67FF, #807000, #4D00CD, #352E00)
• Soft Summit color palette (#FFF0FD, #B0CDFF, #E6B46A, #7A9EE0, #553D19)

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