← Back to Editor

#E0BBC8 · #A37F8B · #818126 · #9A9E60 · #DAD08B

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 LibraryData Visualization

Color Details Color Details

#E0BBC8

Rouge · LightGray · Cherry Blossom

HEX
#E0BBC8
RGB
rgb(224, 187, 200)
HSL
hsl(339, 37%, 81%)
HSB
hsb(339, 17%, 88%)
CMYK
cmyk(0%, 17%, 11%, 12%)
Oklch
oklch(82.8% 0.046 355.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#A37F8B

Dark Violet · Gray · Rose Pink

HEX
#A37F8B
RGB
rgb(163, 127, 139)
HSL
hsl(340, 16%, 57%)
HSB
hsb(340, 22%, 64%)
CMYK
cmyk(0%, 22%, 15%, 36%)
Oklch
oklch(63.5% 0.047 356.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#818126

Autumn Sage · Olive · Honey Gold

HEX
#818126
RGB
rgb(129, 129, 38)
HSL
hsl(60, 54%, 33%)
HSB
hsb(60, 71%, 51%)
CMYK
cmyk(0%, 0%, 71%, 49%)
Oklch
oklch(58.6% 0.111 109.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#9A9E60

Autumn Sage · Gray · Honey Gold

HEX
#9A9E60
RGB
rgb(154, 158, 96)
HSL
hsl(64, 24%, 50%)
HSB
hsb(64, 39%, 62%)
CMYK
cmyk(3%, 0%, 39%, 38%)
Oklch
oklch(68.1% 0.084 111.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#DAD08B

Fresh Green · BurlyWood · Sunflower

HEX
#DAD08B
RGB
rgb(218, 208, 139)
HSL
hsl(52, 52%, 70%)
HSB
hsb(52, 36%, 85%)
CMYK
cmyk(0%, 5%, 36%, 15%)
Oklch
oklch(85.0% 0.089 101.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0BBC8
BDE0D4

Analogous

E0BDDB
E0BBC8
E0C2BD

Triadic

E0BBC8
C9E0BD
BDC9E0

Split-Comp.

E0BBC8
BDE0C2
BDDBE0

Tetradic

E0BBC8
DBE0BD
BDE0D4
C2BDE0

Contrast Matrix WCAG 2.1 Contrast

E0BBC8
A37F8B
818126
9A9E60
DAD08B
—
2.0
Fail
2.4
Fail
1.6
Fail
1.1
Fail
2.0
Fail
—
1.2
Fail
1.2
Fail
2.2
Fail
2.4
Fail
1.2
Fail
—
1.5
Fail
2.6
Fail
1.6
Fail
1.2
Fail
1.5
Fail
—
1.8
Fail
1.1
Fail
2.2
Fail
2.6
Fail
1.8
Fail
—
White BG
1.7Fail
3.5AA Large
4.1AA Large
2.8Fail
1.6Fail
Black BG
12.1AAA
6.0AA
5.1AA
7.4AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0C5
939388
81813C
9C9C6F
D6D69C

Deuteranopia

D2D5C4
969887
818141
9C9B73
D6D7A0

Tritanopia

DEC2C2
A18685
814D51
9A7B7D
DAA9AC

Achromatopsia

C8C8C8
8B8B8B
777777
969696
CBCBCB

Shades & Tints Shades & Tints

#E0BBC8

Dark
Light

#A37F8B

Dark
Light

#818126

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0bbc8;
  --color-2: #a37f8b;
  --color-3: #818126;
  --color-4: #9a9e60;
  --color-5: #dad08b;
}

SCSS

$color-1: #e0bbc8;
$color-2: #a37f8b;
$color-3: #818126;
$color-4: #9a9e60;
$color-5: #dad08b;

TAILWIND

colors: {
  'brand-1': '#e0bbc8',
  'brand-2': '#a37f8b',
  'brand-3': '#818126',
  'brand-4': '#9a9e60',
  'brand-5': '#dad08b',
}

RGB Array

[224, 187, 200], [163, 127, 139], [129, 129, 38], [154, 158, 96], [218, 208, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #E0BBC8, #A37F8B, #818126, #9A9E60, #DAD08B is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #e0bbc8; --color-2: #a37f8b; --color-3: #818126; --color-4: #9a9e60; --color-5: #dad08b. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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