#FAE2DD + #E6CBC2 + #F3C1B6 + #C5C1AF + #C0DACD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FAE2DD

Peach Pink · Linen · Cherry Blossom

HEX

#FAE2DD

RGB

rgb(250, 226, 221)

HSL

hsl(10, 74%, 92%)

HSB

hsb(10, 12%, 98%)

CMYK

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

Oklch

oklch(93.1% 0.027 31.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E6CBC2

Apricot · LightGray · Peach Orange

HEX

#E6CBC2

RGB

rgb(230, 203, 194)

HSL

hsl(15, 42%, 83%)

HSB

hsb(15, 16%, 90%)

CMYK

cmyk(0%, 12%, 16%, 10%)

Oklch

oklch(86.2% 0.033 39.3)

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

#F3C1B6

Peach Pink · LightPink · Cherry Blossom

HEX

#F3C1B6

RGB

rgb(243, 193, 182)

HSL

hsl(11, 72%, 83%)

HSB

hsb(11, 25%, 95%)

CMYK

cmyk(0%, 21%, 25%, 5%)

Oklch

oklch(85.2% 0.060 32.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#C5C1AF

Goose Yellow · Silver · Sunflower

HEX

#C5C1AF

RGB

rgb(197, 193, 175)

HSL

hsl(49, 16%, 73%)

HSB

hsb(49, 11%, 77%)

CMYK

cmyk(0%, 2%, 11%, 23%)

Oklch

oklch(80.9% 0.025 96.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#C0DACD

Jade · LightGray · Apple Green

HEX

#C0DACD

RGB

rgb(192, 218, 205)

HSL

hsl(150, 26%, 80%)

HSB

hsb(150, 12%, 85%)

CMYK

cmyk(12%, 0%, 6%, 15%)

Oklch

oklch(86.5% 0.033 164.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAE2DD

DCF5FA

Analogous

FADCE6

FAE2DD

FAF0DC

Triadic

FAE2DD

DCFAE1

E1DCFA

Split-Comp.

FAE2DD

DCFAF0

DCE6FA

Tetradic

FAE2DD

E6FADC

DCF5FA

F0DCFA

Contrast Matrix WCAG 2.1 Contrast

FAE2DD	E6CBC2	F3C1B6	C5C1AF	C0DACD
—	1.2 Fail	1.3 Fail	1.5 Fail	1.2 Fail
1.2 Fail	—	1.0 Fail	1.2 Fail	1.0 Fail
1.3 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.5 Fail	1.2 Fail	1.1 Fail	—	1.2 Fail
1.2 Fail	1.0 Fail	1.1 Fail	1.2 Fail	—

White BG

1.2Fail

1.5Fail

1.6Fail

1.8Fail

1.5Fail

Black BG

17.0AAA

13.7AAA

13.1AAA

11.6AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0EFDE

DADAC4

DDDDB9

C3C3B3

CBCBD0

Deuteranopia

F1F3DF

DCDEC5

E0E4B9

C4C4B4

CAC8D1

Tritanopia

F9DFDF

E5C6C6

F1BBBB

C5B7B8

C1D3D3

Achromatopsia

E9E9E9

D2D2D2

CFCFCF

C0C0C0

D1D1D1

Shades & Tints Shades & Tints

#FAE2DD

Dark

Light

#E6CBC2

Dark

Light

#F3C1B6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fae2dd;
  --color-2: #e6cbc2;
  --color-3: #f3c1b6;
  --color-4: #c5c1af;
  --color-5: #c0dacd;
}

SCSS

$color-1: #fae2dd;
$color-2: #e6cbc2;
$color-3: #f3c1b6;
$color-4: #c5c1af;
$color-5: #c0dacd;

TAILWIND

colors: {
  'brand-1': '#fae2dd',
  'brand-2': '#e6cbc2',
  'brand-3': '#f3c1b6',
  'brand-4': '#c5c1af',
  'brand-5': '#c0dacd',
}

RGB Array

[250, 226, 221], [230, 203, 194], [243, 193, 182], [197, 193, 175], [192, 218, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAE2DD, #E6CBC2, #F3C1B6, #C5C1AF, #C0DACD 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: #fae2dd; --color-2: #e6cbc2; --color-3: #f3c1b6; --color-4: #c5c1af; --color-5: #c0dacd. 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