Petrol Chapel color palette — #F9F3F9 · #A3C3EE · #7E74AA · #4C6E9D · #392830

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Sky (#A3C3EE): A luminous, dusty blue — the color of open sky before noon.
• Slate (#7E74AA): A full-bodied, balanced violet — the color of a velvet chair.
• Slate (#4C6E9D): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#392830): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Wandering Meadow color palette (#F0F7F2, #90CCD6, #5282AB, #1D7A87, #1F322D)
• Softworn Boulevard color palette (#ECF4F1, #97CBE9, #A86C95, #007BAA, #1F1212)
• Aubergine Orchard color palette (#FFF0FA, #BAB7E5, #8775AC, #6D5080, #5E3269)
• Hushed Ash color palette (#FFF2EC, #A99FD2, #856C8F, #7C4A44, #584049)
• Tempered Cerulean color palette (#F0F6FA, #AFD7F4, #BE88A8, #3197C7, #312A39)
• Soft Station color palette (#FCF2F4, #D097D3, #A94C5E, #804683, #331D18)
• Powdered Bloom color palette (#FFF0F9, #8F95FF, #942FA4, #483ABE, #31111A)
• Aubergine Garden color palette (#F4E7ED, #8A74DE, #841173, #4A04A3, #1D0407)

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