Petrol Chapel color palette — #E5EFE7 · #7CBFBD · #008492 · #005C44 · #00242F

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E5EFE7): bright and airy, almost weightless.
• Mint Leaf (#7CBFBD): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#008492): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C44): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00242F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, 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

• Tempered Cobalt Workshop color palette (#D7E5DA, #74BDD9, #017CB7, #00585C, #001E43)
• Washed Cerulean Quarry color palette (#FBF4EA, #95DBD8, #008A99, #00543E, #000F16)
• Spruce Ridge color palette (#F0E9F0, #79A7B3, #006178, #00420D, #00203E)
• Wandering Studio color palette (#EFE0DB, #8ACECB, #00A2C4, #28812E, #00203D)
• Azure Courtyard color palette (#EAFAED, #8BD7F6, #0095DD, #007177, #003169)
• Patina Lagoon color palette (#F0F8F1, #CBE0F9, #72AFC2, #3F897B, #2C4B62)
• Softworn Denim color palette (#E0EAE2, #7196BA, #31549E, #003949, #06002B)
• Weathered Boulevard color palette (#F0DBF1, #A742B1, #866200, #00646C, #200323)

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