Petrol Chapel color palette — #F6EFF6 · #A5C5F3 · #B36B6C · #4B73AA · #20120D

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

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Sky (#A5C5F3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mocha (#B36B6C): A luminous, balanced red — the color of embers at dusk.
• Slate (#4B73AA): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#20120D): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Hushed Petrol color palette (#ECF4EE, #92CFDA, #9F7197, #297E8B, #1E1213)
• Patina Delta color palette (#F8EFF2, #CFB8E6, #A57853, #80629C, #1F1308)
• Aged Terrace color palette (#F9F3F7, #B7BDE8, #A7648B, #5F63B3, #3C2727)
• Hushed Study color palette (#F1F6FB, #B8D4F5, #C88A72, #558ED9, #362931)
• Timeworn Pier color palette (#ECF6E2, #96A9E0, #986782, #415C1D, #3B242E)
• Hushed Onyx color palette (#EAF3FF, #BCBBE6, #A57AA4, #7D3D4C, #4F1604)
• Lapis Bloom color palette (#FEECF8, #949EFB, #A15300, #4944C1, #120600)
• Driftwood Cabin color palette (#F7EFF3, #DED5D2, #B0AEA5, #9A7788, #3C3337)

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