#EDDABC + #EEBBA3 + #E69F96 + #C97977 + #B85761 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDDABC

Goose Yellow · Wheat · Peach Orange

HEX

#EDDABC

RGB

rgb(237, 218, 188)

HSL

hsl(37, 58%, 83%)

HSB

hsb(37, 21%, 93%)

CMYK

cmyk(0%, 8%, 21%, 7%)

Oklch

oklch(89.6% 0.045 79.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EEBBA3

Apricot · BurlyWood · Peach Orange

HEX

#EEBBA3

RGB

rgb(238, 187, 163)

HSL

hsl(19, 69%, 79%)

HSB

hsb(19, 32%, 93%)

CMYK

cmyk(0%, 21%, 32%, 7%)

Oklch

oklch(83.2% 0.068 46.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E69F96

Peach Pink · DarkSalmon · Coral Red

HEX

#E69F96

RGB

rgb(230, 159, 150)

HSL

hsl(7, 62%, 75%)

HSB

hsb(7, 35%, 90%)

CMYK

cmyk(0%, 31%, 35%, 10%)

Oklch

oklch(76.9% 0.086 27.3)

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

#C97977

Peach Pink · LightCoral · Coral Red

HEX

#C97977

RGB

rgb(201, 121, 119)

HSL

hsl(1, 43%, 63%)

HSB

hsb(1, 41%, 79%)

CMYK

cmyk(0%, 40%, 41%, 21%)

Oklch

oklch(66.2% 0.101 21.7)

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

#B85761

Crimson · Sienna · Passion Red

HEX

#B85761

RGB

rgb(184, 87, 97)

HSL

hsl(354, 41%, 53%)

HSB

hsb(354, 53%, 72%)

CMYK

cmyk(0%, 53%, 47%, 28%)

Oklch

oklch(57.9% 0.126 15.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDDABC

BBCEED

Analogous

EDC0BB

EDDABC

E7EDBB

Triadic

EDDABC

BBEDDA

DABBED

Split-Comp.

EDDABC

BBE7ED

C0BBED

Tetradic

EDDABC

BBEDC0

BBCEED

EDBBE7

Contrast Matrix WCAG 2.1 Contrast

EDDABC	EEBBA3	E69F96	C97977	B85761
—	1.3 Fail	1.6 Fail	2.4 Fail	3.4 AA Large
1.3 Fail	—	1.3 Fail	1.9 Fail	2.7 Fail
1.6 Fail	1.3 Fail	—	1.5 Fail	2.1 Fail
2.4 Fail	1.9 Fail	1.5 Fail	—	1.4 Fail
3.4 AA Large	2.7 Fail	2.1 Fail	1.4 Fail	—

White BG

1.4Fail

1.7Fail

2.2Fail

3.2AA Large

4.6AA

Black BG

15.4AAA

12.3AAA

9.8AAA

6.5AA

4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5C3

D8D7A9

C7C798

A6A677

8E8D5F

Deuteranopia

E6E7C5

DBDFAA

CBD199

ABB178

949B5E

Tritanopia

ECC9CA

EBADAE

E29A9A

C57878

B35D5C

Achromatopsia

DCDCDC

C8C8C8

B3B3B3

919191

757575

Shades & Tints Shades & Tints

#EDDABC

Dark

Light

#EEBBA3

Dark

Light

#E69F96

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eddabc;
  --color-2: #eebba3;
  --color-3: #e69f96;
  --color-4: #c97977;
  --color-5: #b85761;
}

SCSS

$color-1: #eddabc;
$color-2: #eebba3;
$color-3: #e69f96;
$color-4: #c97977;
$color-5: #b85761;

TAILWIND

colors: {
  'brand-1': '#eddabc',
  'brand-2': '#eebba3',
  'brand-3': '#e69f96',
  'brand-4': '#c97977',
  'brand-5': '#b85761',
}

RGB Array

[237, 218, 188], [238, 187, 163], [230, 159, 150], [201, 121, 119], [184, 87, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDDABC, #EEBBA3, #E69F96, #C97977, #B85761 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: #eddabc; --color-2: #eebba3; --color-3: #e69f96; --color-4: #c97977; --color-5: #b85761. 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