Petrol Chapel color palette — #F5F1EB · #CAE0E1 · #809FC2 · #247785 · #432E40

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#CAE0E1): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#809FC2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#247785): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#432E40): 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

• Cypress Dune color palette (#F5F1EB, #C7E3DB, #6AA8B2, #397963, #233C30)
• Timeworn Corridor color palette (#FBF3F6, #D9DEEF, #7B99D2, #307D76, #4B516A)
• Aged Garden color palette (#D1F0D7, #85BDD2, #378BB1, #205D8E, #462B46)
• Muted Cobalt Loft color palette (#E5F6F0, #8EB9D9, #C09165, #1079B1, #462A09)
• Aged Pier color palette (#F2E9DB, #6FA4BF, #005C95, #00383E, #000727)
• Cerulean Station color palette (#E1F8F1, #EBD5CE, #D9B49D, #529EB4, #453444)
• Wandering Petrol Alley color palette (#EFE8DD, #9CBDA5, #007695, #004C45, #001828)
• Hushed Basin color palette (#F7F1E7, #97DEE0, #0093A9, #006450, #002938)

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