PalettesSunset Gradient

Palette

Sunset Gradient

Cream, caramel, burnt golds, and chocolate chase the setting sun with earthy, gradient warmth.

Color analysis

Palette profile

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

Temperature

Warm-led

Color character

Vivid

Lightness span

75%

Accessible pairs

11 / 45

Colors

Orange FFEDD8#FFEDD8A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(255, 237, 216)HSLhsl(32.3, 100%, 92.4%)CMYKcmyk(0%, 7.1%, 15.3%, 0%)LABlab(94.65, 2.74, 12.37)

Orange F3D5B5#F3D5B5A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(243, 213, 181)HSLhsl(31, 72.1%, 83.1%)CMYKcmyk(0%, 12.3%, 25.5%, 4.7%)LABlab(86.99, 5.67, 19.67)

Orange E7BC91#E7BC91A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(231, 188, 145)HSLhsl(30, 64.2%, 73.7%)CMYKcmyk(0%, 18.6%, 37.2%, 9.4%)LABlab(79.04, 9.63, 27.59)

Orange D4A276#D4A276A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(212, 162, 118)HSLhsl(28.1, 52.2%, 64.7%)CMYKcmyk(0%, 23.6%, 44.3%, 16.9%)LABlab(70.28, 12.96, 30)

Orange BC8A5F#BC8A5FA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(188, 138, 95)HSLhsl(27.7, 41%, 55.5%)CMYKcmyk(0%, 26.6%, 49.5%, 26.3%)LABlab(61.39, 13.87, 30.42)

Orange A47148#A47148A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(164, 113, 72)HSLhsl(26.7, 39%, 46.3%)CMYKcmyk(0%, 31.1%, 56.1%, 35.7%)LABlab(52.03, 15.54, 30.68)

Brown 8B5E34#8B5E34A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(139, 94, 52)HSLhsl(29, 45.5%, 37.5%)CMYKcmyk(0%, 32.4%, 62.6%, 45.5%)LABlab(43.86, 13.79, 31.13)

Orange 6F4518#6F4518A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(111, 69, 24)HSLhsl(31, 64.4%, 26.5%)CMYKcmyk(0%, 37.8%, 78.4%, 56.5%)LABlab(33.36, 13.88, 33.36)

Orange 603808#603808A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(96, 56, 8)HSLhsl(32.7, 84.6%, 20.4%)CMYKcmyk(0%, 41.7%, 91.7%, 62.4%)LABlab(27.66, 13.95, 34.42)

Orange 583101#583101A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(88, 49, 1)HSLhsl(33.1, 97.8%, 17.5%)CMYKcmyk(0%, 44.3%, 98.9%, 65.5%)LABlab(24.56, 14.12, 33.99)

Meaning

Summer

Psychology

ComfortStabilityDepthAuthorityInvigorationEnthusiasm

Usage

Travel WebsitesSummer Campaigns

Orange FFEDD8

#FFEDD8

Black text

18.36:1AAA

White text

1.14:1Fail

Support

Orange F3D5B5

#F3D5B5

Black text

15.00:1AAA

White text

1.40:1Fail

Support

Orange E7BC91

#E7BC91

Black text

12.00:1AAA

White text

1.75:1Fail

Support

Orange D4A276

#D4A276

Black text

9.23:1AAA

White text

2.28:1Fail

Support

Orange BC8A5F

#BC8A5F

Black text

6.94:1AA

White text

3.03:1AA Large

Support

Orange A47148

#A47148

Black text

5.03:1AA

White text

4.17:1AA Large

Support

Brown 8B5E34

#8B5E34

Black text

3.75:1AA Large

White text

5.60:1AA

Support

Orange 6F4518

#6F4518

Black text

2.54:1Fail

White text

8.27:1AAA

Support

Orange 603808

#603808

Black text

2.07:1Fail

White text

10.16:1AAA

Anchor

Orange 583101

#583101

Black text

1.85:1Fail

White text

11.32:1AAA

Best internal combinations

The strongest foreground and background pairs found inside this palette.

Sample text

#583101 on #FFEDD89.90:1 · AAA

Sample text

#603808 on #FFEDD88.88:1 · AAA

Sample text

#583101 on #F3D5B58.09:1 · AAA

Sample text

#603808 on #F3D5B57.26:1 · AAA

Sample text

#6F4518 on #FFEDD87.23:1 · AAA

Sample text

#583101 on #E7BC916.47:1 · AA

Sample text

#6F4518 on #F3D5B55.90:1 · AA

Sample text

#603808 on #E7BC915.81:1 · AA

Sample text

#583101 on #D4A2764.98:1 · AA

Sample text

#8B5E34 on #FFEDD84.90:1 · AA

Sample text

#6F4518 on #E7BC914.72:1 · AA

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: #FFEDD8;
  --palette-2: #F3D5B5;
  --palette-3: #E7BC91;
  --palette-4: #D4A276;
  --palette-5: #BC8A5F;
  --palette-6: #A47148;
  --palette-7: #8B5E34;
  --palette-8: #6F4518;
  --palette-9: #603808;
  --palette-10: #583101;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

Fiery Orange Gradient

Earthy Tones 7

Autumn Hues 2

Delicate Pastel Dreams

More palettes load automatically as you continue scrolling.