#EDB096 + #EAA69A + #E79C9E + #C8969C + #A58F9A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDB096

Apricot · BurlyWood · Peach Orange

HEX

#EDB096

RGB

rgb(237, 176, 150)

HSL

hsl(18, 71%, 76%)

HSB

hsb(18, 37%, 93%)

CMYK

cmyk(0%, 26%, 37%, 7%)

Oklch

oklch(80.7% 0.080 44.1)

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

#EAA69A

Peach Pink · BurlyWood · Coral Red

HEX

#EAA69A

RGB

rgb(234, 166, 154)

HSL

hsl(9, 66%, 76%)

HSB

hsb(9, 34%, 92%)

CMYK

cmyk(0%, 29%, 34%, 8%)

Oklch

oklch(78.7% 0.083 30.2)

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

#E79C9E

Peach Pink · DarkSalmon · Coral Red

HEX

#E79C9E

RGB

rgb(231, 156, 158)

HSL

hsl(358, 61%, 76%)

HSB

hsb(358, 32%, 91%)

CMYK

cmyk(0%, 32%, 32%, 9%)

Oklch

oklch(76.7% 0.090 17.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C8969C

Peach Pink · Tan · Coral Red

HEX

#C8969C

RGB

rgb(200, 150, 156)

HSL

hsl(353, 31%, 69%)

HSB

hsb(353, 25%, 78%)

CMYK

cmyk(0%, 25%, 22%, 22%)

Oklch

oklch(72.2% 0.061 10.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#A58F9A

Dark Violet · DarkGray · Rose Pink

HEX

#A58F9A

RGB

rgb(165, 143, 154)

HSL

hsl(330, 11%, 60%)

HSB

hsb(330, 13%, 65%)

CMYK

cmyk(0%, 13%, 7%, 35%)

Oklch

oklch(67.3% 0.030 346.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDB096

96D3ED

Analogous

ED96A8

EDB096

EDDC96

Triadic

EDB096

96EDB0

B096ED

Split-Comp.

EDB096

96EDDC

96A8ED

Tetradic

EDB096

A8ED96

96D3ED

DC96ED

Contrast Matrix WCAG 2.1 Contrast

EDB096	EAA69A	E79C9E	C8969C	A58F9A
—	1.1 Fail	1.2 Fail	1.4 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.5 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.4 Fail
1.4 Fail	1.3 Fail	1.2 Fail	—	1.2 Fail
1.6 Fail	1.5 Fail	1.4 Fail	1.2 Fail	—

White BG

1.9Fail

2.0Fail

2.2Fail

2.5Fail

3.0AA Large

Black BG

11.3AAA

10.4AAA

9.6AAA

8.3AAA

7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D29C

CDCC9D

C7C69E

B2B29B

9B9B97

Deuteranopia

D6DB9E

D1D69E

CBD19D

B5B99A

9D9E97

Tritanopia

EAA1A2

E79FA0

E39D9D

C69999

A49595

Achromatopsia

BFBFBF

B9B9B9

B3B3B3

A6A6A6

979797

Shades & Tints Shades & Tints

#EDB096

Dark

Light

#EAA69A

Dark

Light

#E79C9E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edb096;
  --color-2: #eaa69a;
  --color-3: #e79c9e;
  --color-4: #c8969c;
  --color-5: #a58f9a;
}

SCSS

$color-1: #edb096;
$color-2: #eaa69a;
$color-3: #e79c9e;
$color-4: #c8969c;
$color-5: #a58f9a;

TAILWIND

colors: {
  'brand-1': '#edb096',
  'brand-2': '#eaa69a',
  'brand-3': '#e79c9e',
  'brand-4': '#c8969c',
  'brand-5': '#a58f9a',
}

RGB Array

[237, 176, 150], [234, 166, 154], [231, 156, 158], [200, 150, 156], [165, 143, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDB096, #EAA69A, #E79C9E, #C8969C, #A58F9A 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: #edb096; --color-2: #eaa69a; --color-3: #e79c9e; --color-4: #c8969c; --color-5: #a58f9a. 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