Petrol Chapel color palette — #ECF4EF · #C7DBDD · #C3B1BF · #2F6F7A · #18241C

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#C7DBDD): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#C3B1BF): A luminous, dusty pink — the color of a candy shop window.
• Teal (#2F6F7A): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#18241C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Washed Petrol Boulevard color palette (#EDF7FC, #D7D8E1, #AEB3C1, #00717F, #2F3D43)
• Tempered Petrol color palette (#FBEEF4, #EDD0CA, #DAB5B4, #68619F, #2D2127)
• Cerulean Balcony color palette (#EEF7FB, #D6DBE6, #C2B3B4, #4796AD, #263035)
• Patina Abyss Thicket color palette (#D8E1DC, #BFACC1, #A28297, #004B5F, #020E07)
• Weathered Aubergine Workshop color palette (#F2E5EA, #D9C6C8, #B89C99, #5F4587, #1E1217)
• Muted Cocoa color palette (#DCEADF, #7EA0C6, #8A6878, #5F4A00, #2D2710)
• Cypress Grove color palette (#F5F2E4, #81AE7C, #15765A, #304E3C, #1C1E0A)
• Timeworn Mulberry Market color palette (#E0F3E6, #008BA1, #7F3669, #433000, #1C1200)

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