#EED1C1 + #C9CBC0 + #C7A69D + #C48B77 + #F89F7D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EED1C1

Apricot · Wheat · Peach Orange

HEX

#EED1C1

RGB

rgb(238, 209, 193)

HSL

hsl(21, 57%, 85%)

HSB

hsb(21, 19%, 93%)

CMYK

cmyk(0%, 12%, 19%, 7%)

Oklch

oklch(88.1% 0.039 50.7)

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

#C9CBC0

Willow Green · Silver · Apple Green

HEX

#C9CBC0

RGB

rgb(201, 203, 192)

HSL

hsl(71, 10%, 77%)

HSB

hsb(71, 5%, 80%)

CMYK

cmyk(1%, 0%, 5%, 20%)

Oklch

oklch(83.7% 0.015 115.1)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#C7A69D

Peach Pink · Tan · Coral Red

HEX

#C7A69D

RGB

rgb(199, 166, 157)

HSL

hsl(13, 27%, 70%)

HSB

hsb(13, 21%, 78%)

CMYK

cmyk(0%, 17%, 21%, 22%)

Oklch

oklch(75.2% 0.041 35.7)

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

#C48B77

Apricot · DarkSalmon · Warm Sun

HEX

#C48B77

RGB

rgb(196, 139, 119)

HSL

hsl(16, 39%, 62%)

HSB

hsb(16, 39%, 77%)

CMYK

cmyk(0%, 29%, 39%, 23%)

Oklch

oklch(68.8% 0.076 40.1)

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

#F89F7D

Apricot · LightSalmon · Warm Sun

HEX

#F89F7D

RGB

rgb(248, 159, 125)

HSL

hsl(17, 90%, 73%)

HSB

hsb(17, 50%, 97%)

CMYK

cmyk(0%, 36%, 50%, 3%)

Oklch

oklch(78.4% 0.117 41.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EED1C1

C3DFEF

Analogous

EFC3C9

EED1C1

EFE8C3

Triadic

EED1C1

C3EFD2

D2C3EF

Split-Comp.

EED1C1

C3EFE8

C3C9EF

Tetradic

EED1C1

C9EFC3

C3DFEF

E8C3EF

Contrast Matrix WCAG 2.1 Contrast

EED1C1	C9CBC0	C7A69D	C48B77	F89F7D
—	1.1 Fail	1.6 Fail	2.0 Fail	1.4 Fail
1.1 Fail	—	1.4 Fail	1.8 Fail	1.2 Fail
1.6 Fail	1.4 Fail	—	1.3 Fail	1.1 Fail
2.0 Fail	1.8 Fail	1.3 Fail	—	1.4 Fail
1.4 Fail	1.2 Fail	1.1 Fail	1.4 Fail	—

White BG

1.4Fail

1.6Fail

2.2Fail

2.9Fail

2.0Fail

Black BG

14.5AAA

12.8AAA

9.4AAA

7.3AAA

10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1C5

CACAC3

B9B89F

ABAB7C

D1D185

Deuteranopia

E3E5C6

CACAC3

BBBDA0

AFB37D

D7DD87

Tritanopia

EDC8C9

C9C5C5

C5A1A1

C18081

F48C8D

Achromatopsia

D8D8D8

C9C9C9

AFAFAF

9A9A9A

B6B6B6

Shades & Tints Shades & Tints

#EED1C1

Dark

Light

#C9CBC0

Dark

Light

#C7A69D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eed1c1;
  --color-2: #c9cbc0;
  --color-3: #c7a69d;
  --color-4: #c48b77;
  --color-5: #f89f7d;
}

SCSS

$color-1: #eed1c1;
$color-2: #c9cbc0;
$color-3: #c7a69d;
$color-4: #c48b77;
$color-5: #f89f7d;

TAILWIND

colors: {
  'brand-1': '#eed1c1',
  'brand-2': '#c9cbc0',
  'brand-3': '#c7a69d',
  'brand-4': '#c48b77',
  'brand-5': '#f89f7d',
}

RGB Array

[238, 209, 193], [201, 203, 192], [199, 166, 157], [196, 139, 119], [248, 159, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EED1C1, #C9CBC0, #C7A69D, #C48B77, #F89F7D 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: #eed1c1; --color-2: #c9cbc0; --color-3: #c7a69d; --color-4: #c48b77; --color-5: #f89f7d. 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