Petrol Chapel color palette — #EDF8F4 · #E7D8DC · #D1B1C4 · #0070AF · #31453F

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

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Silver (#E7D8DC): bright and airy, almost weightless.
• Rosewood Mist (#D1B1C4): A luminous, dusty pink — the color of peonies in June.
• Slate (#0070AF): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#31453F): 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

• Weathered Petrol Summit color palette (#EAF5F0, #EED6DA, #D7B4BE, #0574A1, #152A22)
• Cerulean Corridor color palette (#F0F6FB, #DBD8E9, #D4B8DD, #0091C9, #304250)
• Antique Lapis color palette (#FAF3F7, #E4D5D5, #D1B3BA, #5257D4, #493B45)
• Washed Cypress color palette (#EFF8EF, #CCDDDB, #9FC6B7, #007A7B, #354435)
• Timeworn Grove color palette (#F2ECF3, #D6C7D1, #B497A4, #185499, #362837)
• Washed Driftwood Lagoon color palette (#FBF3F4, #DFD8D4, #A9AEA0, #96749C, #595052)
• Hushed Chestnut color palette (#E4EFFF, #AFABD8, #96689A, #755000, #464B1A)
• Olive Atelier color palette (#FEF4E3, #A9A669, #5B7417, #005973, #403C00)

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