paletta

PALETTE GALLERY

Sunset color palette

Sunset palettes span a wider hue range than most mood palettes, from violet through coral to gold, because an actual sunset does the same across the sky. This set holds that range together with matched saturation so it reads as a gradient family rather than four unrelated accent colors.

Updated 2026-07-15
  • Dusk PurpleText
    #2B1B4D
  • Twilight VioletPrimary
    #6D2E7A
  • Magenta BlushAccent
    #C13E82
  • CoralHighlight
    #F0704B
  • Gold FlareAccent 2
    #FBB03B
  • GlowBackground
    #FFEBC7

Where this palette works

  • Hero sections and marketing gradients

    The hue range is built for gradient backgrounds, dusk purple through gold reads as a natural sky gradient without extra design work.

  • Music, entertainment, and creative tools

    A wide, saturated hue range signals a more expressive, less corporate product register.

  • Evening or golden-hour photography brands

    The palette matches the actual color temperature shift of golden hour, useful for photo and travel products.

Accessible pairings

Dusk purple is dark enough to serve as the palette's text color, reaching AAA against gold flare and glow. Everything lighter than twilight violet needs dusk purple behind or in front of it to stay legible.

Aa
Dusk purple on glow
Contrast 13.14 : 1AAA
Aa
Gold flare on dusk purple
Contrast 8.32 : 1AAA
Aa
Twilight violet on glow
Contrast 7.73 : 1AAA
EXPORT

Use these tokens

Copy as CSS custom properties or a Tailwind v4 @theme block.

:root {
  --palette-text: #2B1B4D; /* Dusk Purple */
  --palette-primary: #6D2E7A; /* Twilight Violet */
  --palette-accent: #C13E82; /* Magenta Blush */
  --palette-highlight: #F0704B; /* Coral */
  --palette-accent-2: #FBB03B; /* Gold Flare */
  --palette-background: #FFEBC7; /* Glow */
}

FAQ

Frequently asked questions

A real sunset spans more of the hue wheel than a typical mood palette, violet at the top of the sky through gold at the horizon. Three colors can't cover that range without large gaps; five keeps the gradient continuous.

No. Coral (#F0704B) reaches only 2.95:1 against white, under the AA floor. Use it as an accent, icon, or gradient stop, and reserve Dusk Purple or Twilight Violet for text.

Order the five hex values from Dusk Purple to Gold Flare and feed them into a linear-gradient in that sequence. The matched saturation across swatches is what keeps the gradient smooth instead of banding.

Related palettes

Build on this palette

Generate a full shade scale and export to Tailwind, shadcn, or Figma Variables.