Color collection

New Year Color Palettes

New Year palettes for launch pages, event campaigns, celebration graphics, and premium seasonal branding.

New YearLuxuryCelebration
Best for: event campaigns, launch pages, celebration graphics, and seasonal brandingExport: CSS, Tailwind, JSON, SVGPreview: dashboard, landing, mobile UI

How 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.

UI previewPrimary
Card
Button
Accent

CSS Variables

:root {
  --primary: #3153D8;
  --accent: #7E51D6;
  --surface: #EBECF4;
  --text: #121421;
  --support: #CE8291;
}
Text / Surface contrast: 15.54:1

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.

Related color directions