← Back to Editor

#A08B76 · #EED9AE · #D8A273 · #DC7D61 · #C85747

sunset

A 5-color sunset palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A08B76

Ginger · Gray · Warm Sun

HEX
#A08B76
RGB
rgb(160, 139, 118)
HSL
hsl(30, 18%, 55%)
HSB
hsb(30, 26%, 63%)
CMYK
cmyk(0%, 13%, 26%, 37%)
Oklch
oklch(65.0% 0.039 67.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#EED9AE

Goose Yellow · Wheat · Lemon Cream

HEX
#EED9AE
RGB
rgb(238, 217, 174)
HSL
hsl(40, 65%, 81%)
HSB
hsb(40, 27%, 93%)
CMYK
cmyk(0%, 9%, 27%, 7%)
Oklch
oklch(89.2% 0.061 85.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D8A273

Apricot · DarkSalmon · Warm Sun

HEX
#D8A273
RGB
rgb(216, 162, 115)
HSL
hsl(28, 56%, 65%)
HSB
hsb(28, 47%, 85%)
CMYK
cmyk(0%, 25%, 47%, 15%)
Oklch
oklch(75.2% 0.089 61.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DC7D61

Peach Pink · Salmon · Coral Red

HEX
#DC7D61
RGB
rgb(220, 125, 97)
HSL
hsl(14, 64%, 62%)
HSB
hsb(14, 56%, 86%)
CMYK
cmyk(0%, 43%, 56%, 14%)
Oklch
oklch(68.8% 0.125 37.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C85747

Crimson · Chocolate · Passion Red

HEX
#C85747
RGB
rgb(200, 87, 71)
HSL
hsl(7, 54%, 53%)
HSB
hsb(7, 65%, 78%)
CMYK
cmyk(0%, 56%, 65%, 22%)
Oklch
oklch(59.7% 0.148 30.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A08B76
788CA1

Analogous

A17878
A08B76
A1A178

Triadic

A08B76
78A18C
8C78A1

Split-Comp.

A08B76
78A1A1
7878A1

Tetradic

A08B76
78A178
788CA1
A178A1

Contrast Matrix WCAG 2.1 Contrast

A08B76
EED9AE
D8A273
DC7D61
C85747
—
2.4
Fail
1.4
Fail
1.1
Fail
1.3
Fail
2.4
Fail
—
1.6
Fail
2.1
Fail
3.1
AA Large
1.4
Fail
1.6
Fail
—
1.3
Fail
1.9
Fail
1.1
Fail
2.1
Fail
1.3
Fail
—
1.5
Fail
1.3
Fail
3.1
AA Large
1.9
Fail
1.5
Fail
—
White BG
3.3AA Large
1.4Fail
2.2Fail
2.9Fail
4.3AA Large
Black BG
6.4AA
15.2AAA
9.3AAA
7.1AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

97977B
E5E5B8
C1C07E
B3B268
97964B

Deuteranopia

989A7C
E6E8BB
C4C881
B8C069
9EA64C

Tritanopia

9F7F80
EDC1C2
D58789
D76D6E
C24E4F

Achromatopsia

8F8F8F
DADADA
ADADAD
969696
777777

Shades & Tints Shades & Tints

#A08B76

Dark
Light

#EED9AE

Dark
Light

#D8A273

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a08b76;
  --color-2: #eed9ae;
  --color-3: #d8a273;
  --color-4: #dc7d61;
  --color-5: #c85747;
}

SCSS

$color-1: #a08b76;
$color-2: #eed9ae;
$color-3: #d8a273;
$color-4: #dc7d61;
$color-5: #c85747;

TAILWIND

colors: {
  'brand-1': '#a08b76',
  'brand-2': '#eed9ae',
  'brand-3': '#d8a273',
  'brand-4': '#dc7d61',
  'brand-5': '#c85747',
}

RGB Array

[160, 139, 118], [238, 217, 174], [216, 162, 115], [220, 125, 97], [200, 87, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #A08B76, #EED9AE, #D8A273, #DC7D61, #C85747 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a08b76; --color-2: #eed9ae; --color-3: #d8a273; --color-4: #dc7d61; --color-5: #c85747. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This sunset-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color