← Back to Editor

#ED8B4E · #E8AC64 · #E6C689 · #D6D8C0 · #B0CEC4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ED8B4E

Apricot · Coral · Warm Sun

HEX
#ED8B4E
RGB
rgb(237, 139, 78)
HSL
hsl(23, 82%, 62%)
HSB
hsb(23, 67%, 93%)
CMYK
cmyk(0%, 41%, 67%, 7%)
Oklch
oklch(73.0% 0.142 50.8)

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

#E8AC64

Ginger · SandyBrown · Warm Sun

HEX
#E8AC64
RGB
rgb(232, 172, 100)
HSL
hsl(33, 74%, 65%)
HSB
hsb(33, 57%, 91%)
CMYK
cmyk(0%, 26%, 57%, 9%)
Oklch
oklch(78.6% 0.114 69.9)

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

#E6C689

Goose Yellow · BurlyWood · Warm Sun

HEX
#E6C689
RGB
rgb(230, 198, 137)
HSL
hsl(39, 65%, 72%)
HSB
hsb(39, 40%, 90%)
CMYK
cmyk(0%, 14%, 40%, 10%)
Oklch
oklch(84.0% 0.086 83.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D6D8C0

Fresh Green · LightGray · Lemon Cream

HEX
#D6D8C0
RGB
rgb(214, 216, 192)
HSL
hsl(65, 24%, 80%)
HSB
hsb(65, 11%, 85%)
CMYK
cmyk(1%, 0%, 11%, 15%)
Oklch
oklch(87.4% 0.032 110.9)

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

#B0CEC4

Jade · Silver · Lake Green

HEX
#B0CEC4
RGB
rgb(176, 206, 196)
HSL
hsl(160, 23%, 75%)
HSB
hsb(160, 15%, 81%)
CMYK
cmyk(15%, 0%, 5%, 19%)
Oklch
oklch(82.6% 0.035 173.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED8B4E
4FB1EE

Analogous

EE4F61
ED8B4E
EEDB4F

Triadic

ED8B4E
4FEE8C
8C4FEE

Split-Comp.

ED8B4E
4FEEDB
4F61EE

Tetradic

ED8B4E
61EE4F
4FB1EE
DB4FEE

Contrast Matrix WCAG 2.1 Contrast

ED8B4E
E8AC64
E6C689
D6D8C0
B0CEC4
—
1.3
Fail
1.5
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.0
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.2
Fail
1.0
Fail
1.2
Fail
—
White BG
2.5Fail
2.0Fail
1.6Fail
1.5Fail
1.7Fail
Black BG
8.4AAA
10.5AAA
12.8AAA
14.4AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C25D
CECD75
D8D898
D7D7C6
BDBDC6

Deuteranopia

C8D060
D2D67A
DADC9B
D7D7C7
BBB9C7

Tritanopia

E8686B
E58386
E4A3A6
D6CACB
B2C8C9

Achromatopsia

A1A1A1
B6B6B6
C9C9C9
D5D5D5
C4C4C4

Shades & Tints Shades & Tints

#ED8B4E

Dark
Light

#E8AC64

Dark
Light

#E6C689

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed8b4e;
  --color-2: #e8ac64;
  --color-3: #e6c689;
  --color-4: #d6d8c0;
  --color-5: #b0cec4;
}

SCSS

$color-1: #ed8b4e;
$color-2: #e8ac64;
$color-3: #e6c689;
$color-4: #d6d8c0;
$color-5: #b0cec4;

TAILWIND

colors: {
  'brand-1': '#ed8b4e',
  'brand-2': '#e8ac64',
  'brand-3': '#e6c689',
  'brand-4': '#d6d8c0',
  'brand-5': '#b0cec4',
}

RGB Array

[237, 139, 78], [232, 172, 100], [230, 198, 137], [214, 216, 192], [176, 206, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED8B4E, #E8AC64, #E6C689, #D6D8C0, #B0CEC4 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: #ed8b4e; --color-2: #e8ac64; --color-3: #e6c689; --color-4: #d6d8c0; --color-5: #b0cec4. 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