Petrol Chapel color palette — #E6EBDE · #C5A7C9 · #3D6BAE · #004666 · #050F3E

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

The five colors

• Parchment (#E6EBDE): bright and airy, almost weightless.
• Mauve (#C5A7C9): A luminous, dusty pink — the color of a candy shop window.
• Slate (#3D6BAE): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004666): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#050F3E): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Petrol Basin color palette (#E7EBDB, #87BCD7, #1972A4, #004958, #00172D)
• Antique Lantern color palette (#F8EBEE, #92B5D8, #4C61B2, #004E5A, #302454)
• Cobalt Pier color palette (#E6F1F1, #AEC7E1, #5387CE, #00668E, #182B58)
• Wandering Denim color palette (#E2E4D6, #61A9B7, #006278, #00393B, #000D14)
• Patina Market color palette (#F2F3E7, #AFD2B3, #218B98, #005C55, #00252E)
• Lagoon Chapel color palette (#EAECDA, #35858F, #00434F, #001F1E, #000202)
• Gentle Emerald Balcony color palette (#DFE0CB, #549237, #0074A0, #225400, #001420)
• Tempered Olive color palette (#D7EAD4, #1E810D, #006B76, #674400, #010F00)

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