Petrol Chapel color palette — #F1F3EB · #C2E4E5 · #7BA1BF · #3E7484 · #402F42

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

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#C2E4E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7BA1BF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3E7484): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#402F42): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Ash Lagoon color palette (#F2F2EB, #C8DFD8, #6CA8AB, #5D7350, #253D2C)
• Washed Lagoon color palette (#FAF3F6, #D8DEEF, #7D9BC3, #007F81, #45526F)
• Muted Veranda color palette (#EAEDDF, #79A893, #005F88, #003842, #000C19)
• Washed Driftwood color palette (#FFEDE9, #E0D5C8, #A9ADB8, #A17973, #49352F)
• Cerulean Villa color palette (#F3F3E2, #A0DDDC, #00949F, #006358, #002B32)
• Plum Delta color palette (#FDEEEC, #DD9EB6, #799ED2, #9F5775, #3F2740)
• Wandering Boulevard color palette (#DDE3D3, #4D7DA6, #003B74, #001D2B, #000109)
• Softworn Taupe Courtyard color palette (#FFEDEA, #CB8596, #AE8554, #7E6EA3, #35221E)

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