Petrol Chapel color palette — #F0F7F4 · #DDD5D2 · #C8B8B5 · #347CA4 · #3F4B46

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DDD5D2): bright and airy, almost weightless.
• Stone (#C8B8B5): a calm mid-gray that lets other colors speak.
• Slate (#347CA4): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3F4B46): quiet, heavy and certain.

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

• Washed Petrol color palette (#EDF3F7, #D8D7E4, #C0BACC, #467BA2, #242D35)
• Cerulean Basin color palette (#EFF7F4, #DED4D2, #ACA194, #6495BA, #3D4B47)
• Indigo Villa color palette (#FBF2F7, #E8D5CF, #D3B4AD, #6C56B9, #4D3943)
• Timeworn Study color palette (#F9F3F9, #DFCDD5, #C6999E, #0055B7, #402A40)
• Fern Alley color palette (#EBFBE3, #A1BCB0, #9E7281, #576825, #345041)
• Patina Meadow color palette (#ECE1EA, #546DB4, #422A31, #2A1827, #0A1515)
• Cocoa Basin color palette (#FFF2EB, #C1AC91, #767740, #634F7C, #5C3A00)
• Antique Navy Alley color palette (#E3EDEA, #B6A3AE, #9D717A, #003A61, #001913)

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