Petrol Study color palette — #F3E6DF · #62C2DE · #1F72A4 · #004C44 · #031237

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

The five colors

• Parchment (#F3E6DF): a clean, paper-quiet neutral.
• Cyan (#62C2DE): A luminous, balanced blue — the color of open sky before noon.
• Slate (#1F72A4): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#031237): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Antique Petrol color palette (#F7EAF2, #90B8CD, #086CB1, #005140, #232858)
• Cobalt Chapel color palette (#FAF0E8, #92D1F1, #477FBC, #005B5B, #30152A)
• Ultramarine Workshop color palette (#FAEBDD, #60A4D4, #2851AC, #00393E, #0A0327)
• Ancient Azure Alley color palette (#E4FBF8, #C5E1FF, #13A0CD, #006872, #002133)
• Muted Delta color palette (#F2DACF, #009CA8, #005169, #002D20, #00040D)
• Timeworn Orchard color palette (#FAEFE9, #C7E6C5, #409BB0, #376B4D, #143329)
• Navy Terrace color palette (#EEE0D3, #3581AA, #00377E, #001F21, #01000A)
• Sunlit Plum color palette (#FAE2ED, #BD0080, #00704C, #005A4B, #1C0103)

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