#FAE0CF + #EDCEB2 + #E8BEA5 + #CEB7A9 + #9CB0C8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FAE0CF

Apricot · Bisque · Peach Orange

HEX

#FAE0CF

RGB

rgb(250, 224, 207)

HSL

hsl(24, 81%, 90%)

HSB

hsb(24, 17%, 98%)

CMYK

cmyk(0%, 10%, 17%, 2%)

Oklch

oklch(92.3% 0.037 55.4)

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

#EDCEB2

Apricot · Wheat · Peach Orange

HEX

#EDCEB2

RGB

rgb(237, 206, 178)

HSL

hsl(28, 62%, 81%)

HSB

hsb(28, 25%, 93%)

CMYK

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

Oklch

oklch(87.0% 0.051 64.2)

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

#E8BEA5

Apricot · BurlyWood · Peach Orange

HEX

#E8BEA5

RGB

rgb(232, 190, 165)

HSL

hsl(22, 59%, 78%)

HSB

hsb(22, 29%, 91%)

CMYK

cmyk(0%, 18%, 29%, 9%)

Oklch

oklch(83.2% 0.059 52.4)

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

#CEB7A9

Apricot · Silver · Warm Sun

HEX

#CEB7A9

RGB

rgb(206, 183, 169)

HSL

hsl(23, 27%, 74%)

HSB

hsb(23, 18%, 81%)

CMYK

cmyk(0%, 11%, 18%, 19%)

Oklch

oklch(79.5% 0.033 53.4)

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

#9CB0C8

Azure · DarkGray · Cobalt Blue

HEX

#9CB0C8

RGB

rgb(156, 176, 200)

HSL

hsl(213, 29%, 70%)

HSB

hsb(213, 22%, 78%)

CMYK

cmyk(22%, 12%, 0%, 22%)

Oklch

oklch(75.0% 0.041 253.1)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAE0CF

D1EAFA

Analogous

FAD1D5

FAE0CF

FAF6D1

Triadic

FAE0CF

D1FAE1

E1D1FA

Split-Comp.

FAE0CF

D1FAF6

D1D5FA

Tetradic

FAE0CF

D5FAD1

D1EAFA

F6D1FA

Contrast Matrix WCAG 2.1 Contrast

FAE0CF	EDCEB2	E8BEA5	CEB7A9	9CB0C8
—	1.2 Fail	1.3 Fail	1.5 Fail	1.8 Fail
1.2 Fail	—	1.1 Fail	1.3 Fail	1.5 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.5 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
1.8 Fail	1.5 Fail	1.3 Fail	1.2 Fail	—

White BG

1.3Fail

1.5Fail

1.7Fail

1.9Fail

2.2Fail

Black BG

16.6AAA

14.1AAA

12.3AAA

11.0AAA

9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFD3

E0DFB9

D6D5AB

C4C4AC

A5A5C2

Deuteranopia

F0F2D4

E1E4BA

D8DBAD

C5C7AD

A4A2C1

Tritanopia

F9D6D7

EBBEBF

E6B0B1

CDAFB0

9DBEBD

Achromatopsia

E6E6E6

D4D4D4

C8C8C8

BCBCBC

ADADAD

Shades & Tints Shades & Tints

#FAE0CF

Dark

Light

#EDCEB2

Dark

Light

#E8BEA5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fae0cf;
  --color-2: #edceb2;
  --color-3: #e8bea5;
  --color-4: #ceb7a9;
  --color-5: #9cb0c8;
}

SCSS

$color-1: #fae0cf;
$color-2: #edceb2;
$color-3: #e8bea5;
$color-4: #ceb7a9;
$color-5: #9cb0c8;

TAILWIND

colors: {
  'brand-1': '#fae0cf',
  'brand-2': '#edceb2',
  'brand-3': '#e8bea5',
  'brand-4': '#ceb7a9',
  'brand-5': '#9cb0c8',
}

RGB Array

[250, 224, 207], [237, 206, 178], [232, 190, 165], [206, 183, 169], [156, 176, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAE0CF, #EDCEB2, #E8BEA5, #CEB7A9, #9CB0C8 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: #fae0cf; --color-2: #edceb2; --color-3: #e8bea5; --color-4: #ceb7a9; --color-5: #9cb0c8. 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