Petrol Chapel color palette — #ECF9F0 · #7BBCCB · #C38874 · #008095 · #6A4134

Built around Cerulean, softened by Caramel — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Ash (#7BBCCB): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#C38874): A luminous, dusty orange — the color of sun-warmed clay.
• Cerulean (#008095): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#6A4134): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Tempered Amber color palette (#EBF5ED, #75C1CE, #D2866C, #00808F, #362F2C)
• Timeworn Pine Harbor color palette (#F2F7EC, #85BEA6, #BE85A2, #008763, #684140)
• Cobalt Terrace color palette (#FDF1FC, #96B0DF, #B4935E, #4A70B9, #514C46)
• Faded Grove color palette (#E7F9FF, #75D6DC, #EE996B, #229EA5, #5E4452)
• Aged Orchard color palette (#E5FCEF, #5BA3BB, #AC7598, #867700, #32483C)
• Azure Studio color palette (#DFFDF1, #33AFED, #AA5500, #00648D, #5C2B00)
• Aged Cocoa Terrace color palette (#FCF4EA, #C3B6A2, #977B57, #7A543A, #594500)
• Denim Atelier color palette (#F9F3F9, #D4BD98, #465F81, #482E49, #2F2226)

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