# What Background Color Do Music App Paywalls Use?

Source: Lazyweb Research
Author: Ali Abouelatta, Lazyweb Research
Published: 2026-07-07
Updated: July 2026
Sample size: n=72
Category: [Paywall anatomy and plan-structure benchmarks](https://design.lazyweb.com/blog/category/paywall-anatomy-and-plan-structure-benchmarks)
Tags: paywall, design, monetization, mobile, ux-patterns
HTML: https://design.lazyweb.com/blog/music-paywall-dark-or-light-background
Markdown: https://design.lazyweb.com/blog/music-paywall-dark-or-light-background.md

**Answer.** Among 72 classified Music paywalls in Lazyweb's corpus, 81.9% are dark — only 9 are light[1]. Music has the highest dark-background share of any vertical measured, above the 70.9% overall average[2]. A dark music paywall is effectively the default; light is a rare exception.

> 81.9% of 72 classified Music paywalls use a dark background — the darkest vertical measured (Lazyweb Research, July 2026).

## The finding

Music paywalls come from 74 canonical screens across 13 companies, 72 with a classifiable background[1]. Dark dominates at 59 (81.9%), with just 9 light and 4 colored/other[1]. That is the highest dark share of the five verticals tracked, edging out Photo & Video and Education (both ~79%)[3] and sitting well above the 70.9% corpus average[2].

## How to apply it

If you are shipping a music or audio paywall, dark is not just common — it is nearly universal[1], reinforcing the immersive, media-forward feel these apps cultivate. A light music paywall would be a genuine outlier (about 1 in 8)[1] and should only follow from a deliberately light brand system. For most teams, dark is the low-risk, on-convention choice.

## Caveats

This is the smallest of the reported percentage verticals: 72 classified screens across only 13 companies[1], so one dominant music app can move the number. It clears the n>=70 threshold for percentages but treat it as directional. Backgrounds are classified from vision JSON on one representative screenshot per canonical; two canonicals lacked the field[1].

## The numbers

| Stat | Computed from |
| --- | --- |
| Music: 74 canonicals, 72 classified, dark 59 (81.9%), light 9, other 4, missing 2, 13 companies | dark_vs_light_music |
| 70.9% dark across all classified paywalls | dark_vs_light_overall |
| Photo & Video 79.1% dark; Education 78.8% dark | dark_vs_light_photo_video, dark_vs_light_education |

## Methodology

Universe: 74 canonical Music paywall screens (13 companies) across ~800 tracked apps; background classified from vision JSON on one representative screenshot per canonical, July 2026. Caveat: small company count (13) means one app can shift the mix; directional.

## Visual references

Real, in-market app screens tracked by Lazyweb Research:

- Reddit: https://zlfyzdmohcskkucuunmk.supabase.co/storage/v1/object/public/screenshots/news2_reddit/lazyscreenshots/2023_12_16_16-31-35_326BC34C.png
- Hulu: https://zlfyzdmohcskkucuunmk.supabase.co/storage/v1/object/public/screenshots/ent5_hulu/lazyscreenshots/2023_12_16_11-31-59_801E70D4.png
- Lyft: https://zlfyzdmohcskkucuunmk.supabase.co/storage/v1/object/public/screenshots/travel3_lyft/lazyscreenshots/2024_09_03_12-04-00_ADA9E91A.png
- Kahoot: https://zlfyzdmohcskkucuunmk.supabase.co/storage/v1/object/public/screenshots/edu18_kahoot/lazyscreenshots/2023_05_07_00-51-55_AFD66CBF.png

## Sources & citations

- [1] Lazyweb Research analysis of 72 classified Music paywall screens (13 companies), July 2026. Music: 74 canonicals, dark 59, light 9, other 4, missing 2.
- [2] Lazyweb Research analysis of 1,107 classified paywall screens (~800 tracked apps), July 2026. All-category background split: dark 785, light 211, other 111.
- [3] Lazyweb Research analysis of 67 Photo & Video and 208 Education classified paywall screens, July 2026. Photo & Video dark 53 of 67; Education dark 164 of 208.

## Related questions

- [Which App Categories Use Light Paywalls Instead of Dark?](https://design.lazyweb.com/blog/dark-vs-light-paywall-background-by-category)
- [Do Education App Paywalls Use Dark or Light Backgrounds?](https://design.lazyweb.com/blog/education-paywall-dark-or-light-background)
- [Do Photo and Video App Paywalls Use Dark Backgrounds?](https://design.lazyweb.com/blog/photo-video-paywall-dark-or-light-background)
- [How Many Plan Options Do Mobile Paywalls Show — 1, 2, or 3?](https://design.lazyweb.com/blog/how-many-plan-options-do-mobile-paywalls-show)
- [What % of Paywalls Pre-Select the Annual Plan?](https://design.lazyweb.com/blog/what-percent-of-paywalls-preselect-the-annual-plan)
- [What % of Paywalls Show Social Proof (Ratings, Member Counts)?](https://design.lazyweb.com/blog/what-percent-of-paywalls-show-social-proof)
- [Do Paywalls Use Feature Checklists or Benefit Carousels?](https://design.lazyweb.com/blog/do-paywalls-use-feature-checklists-or-benefit-carousels)
- [What % of Paywalls Mention a Free Trial?](https://design.lazyweb.com/blog/what-percent-of-paywalls-mention-a-free-trial)

## Explore the evidence

- [Billing toggle experiment kit](https://design.lazyweb.com/blog/billing-toggle-experiment-kit?utm_source=lazyweb&utm_medium=research&utm_campaign=billing-toggle-kit)
- [Cal AI annual-plan and trial presentation](https://design.lazyweb.com/blog/cal-ai-paywall-annual-plan-and-trial)
- [Monthly versus annual billing toggles](https://design.lazyweb.com/blog/monthly-vs-annual-billing-toggle-pricing)
- [Billing cadence versus plan tiers](https://design.lazyweb.com/blog/annual-billing-toggle-vs-plan-tiers)
- [Cal AI trial-introduction screens](https://design.lazyweb.com/flow/cal-ai/onboarding-paywall)

## Continue your research

[Connect Lazyweb to your coding agent](https://www.lazyweb.com/mcp-install)