Color collection
Newsletter Color Palettes
Newsletter palettes for signup pages, email brands, creator funnels, and lightweight editorial products.
#3190D8Accent#D68B51Surface#EBEFF4Text#121A21Support#CE82ADNewsletter 10Newsletter / Creator / WarmQuality 98Primary#3161D8Accent#D6515FSurface#EBEDF4Text#121521Support#CE8298Newsletter 13Newsletter / Creator / WarmQuality 96Primary#9031D8Accent#AED651Surface#F1EBF4Text#1B1221Support#CEAD82Newsletter 4Newsletter / Creator / WarmQuality 95Primary#31D834Accent#51C9D6Surface#EBF4EDText#122114Support#8382CENewsletter 5Newsletter / Creator / WarmQuality 95Primary#31D863Accent#518BD6Surface#EBF4EFText#122118Support#9982CENewsletter 11Newsletter / Creator / WarmQuality 95Primary#3131D8Accent#D68251Surface#EDEBF4Text#131221Support#CE8282How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for newsletter signup pages, email brands, and creator funnels. Use one strong subscribe color and keep the surrounding page calm enough for copy to work.
Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.
CSS Variables
:root {
--primary: #3190D8;
--accent: #D68B51;
--surface: #EBEFF4;
--text: #121A21;
--support: #CE82AD;
}FAQ
Where should I use newsletter color palettes?
These palettes are designed for newsletter signup pages, email brands, and creator funnels.
Can I copy these colors into a design system?
Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.
How do I avoid low contrast?
Use one strong subscribe color and keep the surrounding page calm enough for copy to work.