#FCEFD8 + #FAC9A5 + #93B2A8 + #CAE8DC + #EAFAEF · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FCEFD8

Goose Yellow · Beige · Peach Orange

HEX

#FCEFD8

RGB

rgb(252, 239, 216)

HSL

hsl(38, 86%, 92%)

HSB

hsb(38, 14%, 99%)

CMYK

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

Oklch

oklch(95.6% 0.033 82.0)

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

#FAC9A5

Apricot · Wheat · Peach Orange

HEX

#FAC9A5

RGB

rgb(250, 201, 165)

HSL

hsl(25, 89%, 81%)

HSB

hsb(25, 34%, 98%)

CMYK

cmyk(0%, 20%, 34%, 2%)

Oklch

oklch(87.0% 0.074 57.9)

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

#93B2A8

Jade · DarkGray · Lake Green

HEX

#93B2A8

RGB

rgb(147, 178, 168)

HSL

hsl(161, 17%, 64%)

HSB

hsb(161, 17%, 70%)

CMYK

cmyk(17%, 0%, 6%, 30%)

Oklch

oklch(73.7% 0.037 173.7)

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

#CAE8DC

Jade · LightGray · Mint Green

HEX

#CAE8DC

RGB

rgb(202, 232, 220)

HSL

hsl(156, 39%, 85%)

HSB

hsb(156, 13%, 91%)

CMYK

cmyk(13%, 0%, 5%, 9%)

Oklch

oklch(90.6% 0.035 169.5)

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

#EAFAEF

Emerald · Linen · Mint Green

HEX

#EAFAEF

RGB

rgb(234, 250, 239)

HSL

hsl(139, 62%, 95%)

HSB

hsb(139, 6%, 98%)

CMYK

cmyk(6%, 0%, 4%, 2%)

Oklch

oklch(97.0% 0.022 155.9)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCEFD8

D9E6FC

Analogous

FCDED9

FCEFD8

F7FCD9

Triadic

FCEFD8

D9FCEF

EFD9FC

Split-Comp.

FCEFD8

D9F7FC

DED9FC

Tetradic

FCEFD8

D9FCDE

D9E6FC

FCD9F7

Contrast Matrix WCAG 2.1 Contrast

FCEFD8	FAC9A5	93B2A8	CAE8DC	EAFAEF
—	1.3 Fail	2.0 Fail	1.1 Fail	1.1 Fail
1.3 Fail	—	1.5 Fail	1.2 Fail	1.4 Fail
2.0 Fail	1.5 Fail	—	1.8 Fail	2.1 Fail
1.1 Fail	1.2 Fail	1.8 Fail	—	1.2 Fail
1.1 Fail	1.4 Fail	2.1 Fail	1.2 Fail	—

White BG

1.1Fail

1.5Fail

2.3Fail

1.3Fail

1.1Fail

Black BG

18.5AAA

14.0AAA

9.2AAA

16.1AAA

19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6DE

E5E4AE

A0A1AA

D7D7DF

F1F1F2

Deuteranopia

F7F8DF

E8EBB0

9F9CAB

D5D3E0

F0EFF2

Tritanopia

FBE2E3

F8B5B6

95ACAD

CBE1E2

EBF4F4

Achromatopsia

F0F0F0

D4D4D4

A8A8A8

DEDEDE

F4F4F4

Shades & Tints Shades & Tints

#FCEFD8

Dark

Light

#FAC9A5

Dark

Light

#93B2A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcefd8;
  --color-2: #fac9a5;
  --color-3: #93b2a8;
  --color-4: #cae8dc;
  --color-5: #eafaef;
}

SCSS

$color-1: #fcefd8;
$color-2: #fac9a5;
$color-3: #93b2a8;
$color-4: #cae8dc;
$color-5: #eafaef;

TAILWIND

colors: {
  'brand-1': '#fcefd8',
  'brand-2': '#fac9a5',
  'brand-3': '#93b2a8',
  'brand-4': '#cae8dc',
  'brand-5': '#eafaef',
}

RGB Array

[252, 239, 216], [250, 201, 165], [147, 178, 168], [202, 232, 220], [234, 250, 239]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #FCEFD8, #FAC9A5, #93B2A8, #CAE8DC, #EAFAEF 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: #fcefd8; --color-2: #fac9a5; --color-3: #93b2a8; --color-4: #cae8dc; --color-5: #eafaef. 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 muted-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