← Back to Editor

#EE998C · #E4A46F · #D6B26D · #D1BE61 · #D0B0BF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EE998C

Peach Pink · DarkSalmon · Coral Red

HEX
#EE998C
RGB
rgb(238, 153, 140)
HSL
hsl(8, 74%, 74%)
HSB
hsb(8, 41%, 93%)
CMYK
cmyk(0%, 36%, 41%, 7%)
Oklch
oklch(76.5% 0.105 29.2)

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

#E4A46F

Apricot · DarkSalmon · Warm Sun

HEX
#E4A46F
RGB
rgb(228, 164, 111)
HSL
hsl(27, 68%, 66%)
HSB
hsb(27, 51%, 89%)
CMYK
cmyk(0%, 28%, 51%, 11%)
Oklch
oklch(76.8% 0.103 60.1)

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

#D6B26D

Ginger · BurlyWood · Warm Sun

HEX
#D6B26D
RGB
rgb(214, 178, 109)
HSL
hsl(39, 56%, 63%)
HSB
hsb(39, 49%, 84%)
CMYK
cmyk(0%, 17%, 49%, 16%)
Oklch
oklch(78.0% 0.097 82.7)

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

#D1BE61

Autumn Sage · BurlyWood · Sunflower

HEX
#D1BE61
RGB
rgb(209, 190, 97)
HSL
hsl(50, 55%, 60%)
HSB
hsb(50, 54%, 82%)
CMYK
cmyk(0%, 9%, 54%, 18%)
Oklch
oklch(79.9% 0.116 98.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#D0B0BF

Rouge · Silver · Rose Pink

HEX
#D0B0BF
RGB
rgb(208, 176, 191)
HSL
hsl(332, 25%, 75%)
HSB
hsb(332, 15%, 82%)
CMYK
cmyk(0%, 15%, 8%, 18%)
Oklch
oklch(79.0% 0.042 348.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE998C
8CE1EE

Analogous

EE8CB0
EE998C
EECA8C

Triadic

EE998C
8CEE99
998CEE

Split-Comp.

EE998C
8CEECA
8CB0EE

Tetradic

EE998C
B0EE8C
8CE1EE
CA8CEE

Contrast Matrix WCAG 2.1 Contrast

EE998C
E4A46F
D6B26D
D1BE61
D0B0BF
—
1.0
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.0
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
White BG
2.2Fail
2.1Fail
2.0Fail
1.9Fail
2.0Fail
Black BG
9.6AAA
9.8AAA
10.4AAA
11.2AAA
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C88F
C8C87C
C6C67E
C9C978
C2C2BB

Deuteranopia

CED590
CCD17F
C9CB82
CACB7D
C4C6BB

Tritanopia

EA9292
E18688
D48B8E
D0898D
CEB9B8

Achromatopsia

B1B1B1
B1B1B1
B5B5B5
B9B9B9
BBBBBB

Shades & Tints Shades & Tints

#EE998C

Dark
Light

#E4A46F

Dark
Light

#D6B26D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee998c;
  --color-2: #e4a46f;
  --color-3: #d6b26d;
  --color-4: #d1be61;
  --color-5: #d0b0bf;
}

SCSS

$color-1: #ee998c;
$color-2: #e4a46f;
$color-3: #d6b26d;
$color-4: #d1be61;
$color-5: #d0b0bf;

TAILWIND

colors: {
  'brand-1': '#ee998c',
  'brand-2': '#e4a46f',
  'brand-3': '#d6b26d',
  'brand-4': '#d1be61',
  'brand-5': '#d0b0bf',
}

RGB Array

[238, 153, 140], [228, 164, 111], [214, 178, 109], [209, 190, 97], [208, 176, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EE998C, #E4A46F, #D6B26D, #D1BE61, #D0B0BF is ideal for: health products, baby brands, fresh-style blogs. 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: #ee998c; --color-2: #e4a46f; --color-3: #d6b26d; --color-4: #d1be61; --color-5: #d0b0bf. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 general-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