Color collection

Sunset Color Palettes

Vivid sunset palettes for landing pages, creator brands, campaigns, and social cards.

SunsetVividLanding
Best for: creator brands, social graphics, and warm campaign pagesExport: 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 creator brands, social graphics, and warm campaign pages. Let orange and pink carry emotion while blue or teal restores contrast.

Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.

UI previewPrimary
Card
Button
Accent

CSS Variables

:root {
  --primary: #1E81EB;
  --accent: #F29736;
  --surface: #EBEEF4;
  --text: #121821;
  --support: #EC65A6;
}
Text / Surface contrast: 15.33:1

FAQ

Where should I use sunset color palettes?

These palettes are designed for creator brands, social graphics, and warm campaign pages.

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?

Let orange and pink carry emotion while blue or teal restores contrast.

Related color directions