Petrol Chapel color palette — #F1F7F2 · #D0DFDE · #ADC6C7 · #228291 · #434A45

A conversation between Cerulean and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D0DFDE): bright and airy, almost weightless.
• Stone (#ADC6C7): A luminous, dusty teal — the color of sea glass.
• Cerulean (#228291): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#434A45): 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

• Wandering Lagoon color palette (#EFF7F5, #DED4D3, #ADA095, #5C8D7F, #4A5552)
• Tempered Boulevard color palette (#EDF4EE, #CEDADA, #D0BAC0, #607E64, #282E29)
• Dusty Denim Loft color palette (#EAF9F3, #BEDAD1, #8CA9CF, #006288, #233830)
• Abyss Grove color palette (#D8E3DD, #98B0A6, #598B7D, #003E4F, #03190E)
• Pine Lantern color palette (#F6F6EB, #94BC95, #388559, #505F44, #414700)
• Sapphire Field color palette (#FBF2F9, #EDD3D6, #D5AFC4, #4163C1, #473C45)
• Patina Cobalt Grove color palette (#D8E9E2, #007AAD, #3F2942, #0E241D, #070F0F)
• Quiet Sky Pier color palette (#E8FAF2, #ADF1FF, #14C1F6, #5088C9, #1E4136)

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