Petrol Study color palette — #F0F7F3 · #D1DBDC · #A0BAB2 · #006F89 · #323E37

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D1DBDC): a clean, paper-quiet neutral.
• Ash (#A0BAB2): A luminous, dusty teal — the color of glacier melt.
• Peacock (#006F89): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#323E37): quiet, heavy and certain.

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

• Muted Station color palette (#EFF6FA, #D6D9E7, #BFBBCF, #2D8EA2, #313D42)
• Patina Corridor color palette (#F9F3F8, #E2D6D7, #BFAEB6, #445DAF, #433640)
• Petrol Terrace color palette (#EDF4EF, #C7DBDD, #C9ADC2, #007182, #1B231E)
• Weathered Abyss Bloom color palette (#DFECE6, #AABEB8, #9D859E, #004B67, #0A251B)
• Worn Chapel color palette (#F9F3F7, #DFD7D7, #B2ACA0, #777EAC, #575055)
• Timeworn Spruce color palette (#F4F7EB, #95A07D, #2B715A, #005750, #2E3C00)
• Muted Cocoa color palette (#F6D8E9, #C59EAE, #8D6771, #7B4746, #563D19)
• Navy Coast color palette (#E5DBE6, #B1A5AF, #96738B, #00366E, #1E0C1F)

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