Petrol Chapel color palette — #E5EFEA · #9FB5B7 · #B79DBA · #007CA3 · #021910

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

The five colors

• Cream (#E5EFEA): bright and airy, almost weightless.
• Ash (#9FB5B7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mauve (#B79DBA): A luminous, dusty pink — the color of neon signs at night.
• Cerulean (#007CA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#021910): A deep, shadowed, dusty teal — the color of sea glass.

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

• Muted Garden color palette (#DEE5DA, #A3B4AE, #75A79D, #008475, #0B1806)
• Dusty Denim color palette (#D8E2DD, #BDAFBF, #AD89A0, #005C72, #00190D)
• Sapphire Station color palette (#F5EDF4, #BAABAE, #AF8F92, #2F6DD2, #1F0B1E)
• Abyss Cabin color palette (#D8E4EC, #90A2B3, #637E9C, #003C51, #00050B)
• Washed Violet Workshop color palette (#E9DCE1, #CDBBB7, #BAA097, #9565C6, #291A20)
• Tempered Azure color palette (#EFF7F4, #F0D6E0, #E4B8C4, #00A2EC, #1B3A30)
• Garnet Meadow color palette (#DCE3FF, #988ACC, #8B61A4, #86303C, #3C0800)
• Weathered Courtyard color palette (#F2D9F5, #35C1FD, #56A5FF, #6674FF, #000822)

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