#FCEFE1 + #E6E0CF + #C3C8C3 + #C7A3B0 + #E6A3A3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FCEFE1

Goose Yellow · Linen · Peach Orange

HEX

#FCEFE1

RGB

rgb(252, 239, 225)

HSL

hsl(31, 82%, 94%)

HSB

hsb(31, 11%, 99%)

CMYK

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

Oklch

oklch(95.9% 0.023 69.6)

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

#E6E0CF

Goose Yellow · LightGray · Lemon Cream

HEX

#E6E0CF

RGB

rgb(230, 224, 207)

HSL

hsl(44, 32%, 86%)

HSB

hsb(44, 10%, 90%)

CMYK

cmyk(0%, 3%, 10%, 10%)

Oklch

oklch(90.7% 0.024 90.8)

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

#C3C8C3

Silver Gray · Silver · Pearl Gray

HEX

#C3C8C3

RGB

rgb(195, 200, 195)

HSL

hsl(120, 4%, 77%)

HSB

hsb(120, 3%, 78%)

CMYK

cmyk(3%, 0%, 3%, 22%)

Oklch

oklch(82.7% 0.009 145.5)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#C7A3B0

Rouge · DarkGray · Rose Pink

HEX

#C7A3B0

RGB

rgb(199, 163, 176)

HSL

hsl(338, 24%, 71%)

HSB

hsb(338, 18%, 78%)

CMYK

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

Oklch

oklch(75.2% 0.046 354.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#E6A3A3

Peach Pink · Tan · Coral Red

HEX

#E6A3A3

RGB

rgb(230, 163, 163)

HSL

hsl(0, 57%, 77%)

HSB

hsb(0, 29%, 90%)

CMYK

cmyk(0%, 29%, 29%, 10%)

Oklch

oklch(78.0% 0.080 19.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCEFE1

E3EFFC

Analogous

FCE4E3

FCEFE1

FCFCE3

Triadic

FCEFE1

E3FCF0

F0E3FC

Split-Comp.

FCEFE1

E3FCFC

E4E3FC

Tetradic

FCEFE1

E3FCE4

E3EFFC

FCE3FC

Contrast Matrix WCAG 2.1 Contrast

FCEFE1	E6E0CF	C3C8C3	C7A3B0	E6A3A3
—	1.2 Fail	1.5 Fail	2.0 Fail	1.8 Fail
1.2 Fail	—	1.3 Fail	1.7 Fail	1.6 Fail
1.5 Fail	1.3 Fail	—	1.3 Fail	1.2 Fail
2.0 Fail	1.7 Fail	1.3 Fail	—	1.1 Fail
1.8 Fail	1.6 Fail	1.2 Fail	1.1 Fail	—

White BG

1.1Fail

1.3Fail

1.7Fail

2.3Fail

2.1Fail

Black BG

18.6AAA

15.9AAA

12.4AAA

9.3AAA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6E4

E3E3D3

C5C5C4

B7B7AD

C9C8A3

Deuteranopia

F7F8E5

E4E4D4

C5C5C5

BABCAC

CDD2A3

Tritanopia

FBE7E8

E6D6D7

C3C5C5

C5AAAA

E3A3A3

Achromatopsia

F1F1F1

E0E0E0

C6C6C6

AFAFAF

B7B7B7

Shades & Tints Shades & Tints

#FCEFE1

Dark

Light

#E6E0CF

Dark

Light

#C3C8C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcefe1;
  --color-2: #e6e0cf;
  --color-3: #c3c8c3;
  --color-4: #c7a3b0;
  --color-5: #e6a3a3;
}

SCSS

$color-1: #fcefe1;
$color-2: #e6e0cf;
$color-3: #c3c8c3;
$color-4: #c7a3b0;
$color-5: #e6a3a3;

TAILWIND

colors: {
  'brand-1': '#fcefe1',
  'brand-2': '#e6e0cf',
  'brand-3': '#c3c8c3',
  'brand-4': '#c7a3b0',
  'brand-5': '#e6a3a3',
}

RGB Array

[252, 239, 225], [230, 224, 207], [195, 200, 195], [199, 163, 176], [230, 163, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCEFE1, #E6E0CF, #C3C8C3, #C7A3B0, #E6A3A3 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: #fcefe1; --color-2: #e6e0cf; --color-3: #c3c8c3; --color-4: #c7a3b0; --color-5: #e6a3a3. 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