Petrol Chapel color palette — #F0F6FC · #D9D8E4 · #B0BCD8 · #3D6AAB · #37414D

Built around Slate, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#D9D8E4): a clean, paper-quiet neutral.
• Ash (#B0BCD8): A luminous, dusty violet — the color of wild irises.
• Slate (#3D6AAB): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#37414D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Timeworn Study color palette (#EDF2F8, #D9D4E5, #BCBCD5, #006DBD, #1B2632)
• Wandering Alley color palette (#E9EFF8, #C7CCD7, #989FB9, #364E9A, #252E3D)
• Timeworn Cornflower color palette (#F8F3F9, #E4D6D7, #D8B8B3, #0189EB, #463C47)
• Washed Dune color palette (#F6F4FB, #DED7DC, #B5AAA6, #877B9F, #54515A)
• Antique Violet Pier color palette (#F0F5FF, #A3C9FF, #9CA7FF, #8D4FE1, #34325F)
• Worn Grape Veranda color palette (#F5F4FD, #D5CFE2, #ACA1BA, #872596, #342E4A)
• Washed Workshop color palette (#EDEDF9, #A9A6B9, #837997, #520473, #131123)
• Lapis Bloom color palette (#D7E0F8, #5E43E6, #2E224A, #0F162E, #080611)

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