Petrol Study color palette — #ECF4F3 · #D2D9E9 · #71A3C2 · #267787 · #24384B

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#D2D9E9): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#71A3C2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#267787): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#24384B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Petrol Hollow color palette (#E0ECE9, #8ABCCD, #007986, #004C46, #001A20)
• Cypress Meadow color palette (#FAF4F0, #C6ECEB, #799DC2, #2E7C7A, #5E4C59)
• Navy Grove color palette (#D1E5E4, #497FA2, #003E69, #001E28, #000105)
• Ancient Workshop color palette (#E0F7F7, #70AB8D, #5198B5, #8E7700, #0A2D2E)
• Dusty Drift color palette (#FAF3F6, #D7D4E0, #BDC2F4, #47A39F, #3E4D6A)
• Antique Cypress Harbor color palette (#E6F5F7, #8AC1AD, #BF935B, #008568, #20381F)
• Softworn Drift color palette (#E9F5F2, #A1DDD8, #009599, #006453, #002B30)
• Worn Chestnut Lagoon color palette (#E8F6EE, #A8C2B6, #8B8457, #675624, #183229)

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