PalettesSunset Gradient 2

Palette

Sunset Gradient 2

Blazing oranges and golden hues create a seamless, vivid sunset glow full of liveliness.

Color analysis

Palette profile

This 10-color palette is warm-led with a vivid character and close tonal range. Its internal colors provide 0 pairs at or above the 4.5:1 contrast target for normal text.

Temperature

Warm-led

Color character

Vivid

Lightness span

Accessible pairs

0 / 45

Colors

Orange FF7B00#FF7B00A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(255, 123, 0)HSLhsl(28.9, 100%, 50%)CMYKcmyk(0%, 51.8%, 100%, 0%)LABlab(66.08, 45.27, 73.45)

Noon Carrot#FF8800Noon Carrot settles as balanced electric orange pigment brightens through hearth, leaving balanced weight.RGBrgb(255, 136, 0)HSLhsl(32, 100%, 50%)CMYKcmyk(0%, 46.7%, 100%, 0%)LABlab(68.66, 38.84, 74.98)

Orange FF9500#FF9500A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(255, 149, 0)HSLhsl(35.1, 100%, 50%)CMYKcmyk(0%, 41.6%, 100%, 0%)LABlab(71.39, 32.23, 76.67)

Orange FFA200#FFA200A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(255, 162, 0)HSLhsl(38.1, 100%, 50%)CMYKcmyk(0%, 36.5%, 100%, 0%)LABlab(74.26, 25.5, 78.51)

Fluorescent Ochre#FFAA00Fluorescent Ochre rests as steady laser orange pigment rests beneath ochre, leaving sleek freshness.RGBrgb(255, 170, 0)HSLhsl(40, 100%, 50%)CMYKcmyk(0%, 33.3%, 100%, 0%)LABlab(76.08, 21.33, 79.7)

Yellow FFB700#FFB700A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(255, 183, 0)HSLhsl(43.1, 100%, 50%)CMYKcmyk(0%, 28.2%, 100%, 0%)LABlab(79.12, 14.54, 81.73)

Yellow FFC300#FFC300A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(255, 195, 0)HSLhsl(45.9, 100%, 50%)CMYKcmyk(0%, 23.5%, 100%, 0%)LABlab(82, 8.31, 83.69)

Yellow FFD000#FFD000A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(255, 208, 0)HSLhsl(48.9, 100%, 50%)CMYKcmyk(0%, 18.4%, 100%, 0%)LABlab(85.19, 1.63, 85.91)

Pepper Lantern#FFDD00Pepper Lantern rests as poised luminous yellow velvet leans beneath mustard, leaving velvety depth.RGBrgb(255, 221, 0)HSLhsl(52, 100%, 50%)CMYKcmyk(0%, 13.3%, 100%, 0%)LABlab(88.44, -4.95, 88.2)

Yellow FFEA00#FFEA00A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(255, 234, 0)HSLhsl(55.1, 100%, 50%)CMYKcmyk(0%, 8.2%, 100%, 0%)LABlab(91.73, -11.41, 90.56)

Meaning

WarmBalancedEnergeticExpressiveDigitalSunset

Psychology

WarmthMomentumOptimismJoyInvigorationEnthusiasm

Usage

AccentsBrandingDigital ProductsHero SectionsMarketing GraphicsTravel Websites

Orange FF7B00

#FF7B00

Black text

8.09:1AAA

White text

2.60:1Fail

Support

Noon Carrot

#FF8800

Black text

8.77:1AAA

White text

2.39:1Fail

Support

Orange FF9500

#FF9500

Black text

9.55:1AAA

White text

2.20:1Fail

Support

Orange FFA200

#FFA200

Black text

10.42:1AAA

White text

2.02:1Fail

Support

Fluorescent Ochre

#FFAA00

Black text

11.00:1AAA

White text

1.91:1Fail

Support

Yellow FFB700

#FFB700

Black text

12.03:1AAA

White text

1.75:1Fail

Support

Yellow FFC300

#FFC300

Black text

13.06:1AAA

White text

1.61:1Fail

Support

Yellow FFD000

#FFD000

Black text

14.27:1AAA

White text

1.47:1Fail

Support

Pepper Lantern

#FFDD00

Black text

15.59:1AAA

White text

1.35:1Fail

Surface

Yellow FFEA00

#FFEA00

Black text

17.02:1AAA

White text

1.23:1Fail

Best internal combinations

The strongest foreground and background pairs found inside this palette.

No internal pair reaches 4.5:1. Use black or white text recommendations above, or add a darker or lighter supporting color.

Color vision previews

Approximate simulations help reveal swatches that may become difficult to distinguish.

Protanopia

Reduced sensitivity to red light.

Deuteranopia

Reduced sensitivity to green light.

Tritanopia

Reduced sensitivity to blue light.

Achromatopsia

A grayscale approximation without hue perception.

CSS variables

Copy this palette as reusable custom properties for a design system or prototype.

:root {
  --palette-1: #FF7B00;
  --palette-2: #FF8800;
  --palette-3: #FF9500;
  --palette-4: #FFA200;
  --palette-5: #FFAA00;
  --palette-6: #FFB700;
  --palette-7: #FFC300;
  --palette-8: #FFD000;
  --palette-9: #FFDD00;
  --palette-10: #FFEA00;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

Fiery Orange Gradient

Earthy Tones 7

Golden Twilight

Delicate Pastel Dreams

More palettes load automatically as you continue scrolling.