Petrol Chapel color palette — #EFF6FB · #D9D8E1 · #B1B2C0 · #226C8D · #2F3C46

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

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Silver (#D9D8E1): bright and airy, almost weightless.
• Ash (#B1B2C0): a calm mid-gray that lets other colors speak.
• Peacock (#226C8D): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#2F3C46): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Worn Cobalt Delta color palette (#EFF6FC, #D8D8E3, #C1BBD3, #1589C3, #303C46)
• Washed Petrol Alley color palette (#ECF4F1, #E0D4D7, #C2B2BC, #176C98, #16241F)
• Washed Driftwood Basin color palette (#F3F5FC, #DED8DE, #B5A8A2, #7580A6, #4F525C)
• Wandering Denim Balcony color palette (#E2E9EE, #B2B9C9, #8E8BA0, #004971, #12212E)
• Ultramarine Orchard color palette (#F0F5FF, #D1D0E8, #B09FBD, #4246BE, #2A3344)
• Weathered Grape Lantern color palette (#F4F4FF, #E2D5DE, #CBB3C8, #8051A6, #3D3D53)
• Antique Parlor color palette (#EEEDF6, #D1C9D5, #B098A9, #694376, #2D2C37)
• Driftwood Ridge color palette (#C5EEEC, #8FA6C2, #8F6C8F, #48603E, #214D46)

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