Color collection
New Year Color Palettes
New Year palettes for launch pages, event campaigns, celebration graphics, and premium seasonal branding.
#3153D8Accent#7E51D6Surface#EBECF4Text#121421Support#CE8291New Year 21New Year / Luxury / CelebrationQuality 98Primary#318AD8Accent#7ED651Surface#EBEFF4Text#121921Support#CE82ABNew Year 22New Year / Luxury / CelebrationQuality 98Primary#315BD8Accent#51D663Surface#EBECF4Text#121521Support#CE8295New Year 2New Year / Luxury / CelebrationQuality 95Primary#3F31D8Accent#CBD651Surface#EDEBF4Text#151221Support#CE8982New Year 3New Year / Luxury / CelebrationQuality 95Primary#6E31D8Accent#D651B3Surface#F0EBF4Text#191221Support#CE9E82New Year 4New Year / Luxury / CelebrationQuality 95Primary#9E31D8Accent#D65175Surface#F2EBF4Text#1D1221Support#CEB482How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for event campaigns, launch pages, celebration graphics, and seasonal branding. Combine dark or clean surfaces with one celebratory accent to keep the design polished.
Luxury palettes keep metallic or deep tones as accents while preserving a clear text and surface pair for editorial layouts.
CSS Variables
:root {
--primary: #3153D8;
--accent: #7E51D6;
--surface: #EBECF4;
--text: #121421;
--support: #CE8291;
}FAQ
Where should I use new year color palettes?
These palettes are designed for event campaigns, launch pages, celebration graphics, and seasonal branding.
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?
Combine dark or clean surfaces with one celebratory accent to keep the design polished.