#FDEDCB + #F9D6BA + #E3CCBC + #D9C8C0 + #D2C4C1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FDEDCB

Goose Yellow · Bisque · Lemon Cream

HEX

#FDEDCB

RGB

rgb(253, 237, 203)

HSL

hsl(41, 93%, 89%)

HSB

hsb(41, 20%, 99%)

CMYK

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

Oklch

oklch(95.0% 0.048 85.8)

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

#F9D6BA

Apricot · Wheat · Peach Orange

HEX

#F9D6BA

RGB

rgb(249, 214, 186)

HSL

hsl(27, 84%, 85%)

HSB

hsb(27, 25%, 98%)

CMYK

cmyk(0%, 14%, 25%, 2%)

Oklch

oklch(89.8% 0.054 60.7)

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

#E3CCBC

Apricot · Wheat · Peach Orange

HEX

#E3CCBC

RGB

rgb(227, 204, 188)

HSL

hsl(25, 41%, 81%)

HSB

hsb(25, 17%, 89%)

CMYK

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

Oklch

oklch(86.0% 0.034 57.1)

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

#D9C8C0

Apricot · LightGray · Peach Orange

HEX

#D9C8C0

RGB

rgb(217, 200, 192)

HSL

hsl(19, 25%, 80%)

HSB

hsb(19, 12%, 85%)

CMYK

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

Oklch

oklch(84.5% 0.022 46.9)

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

#D2C4C1

Peach Pink · Silver · Coral Red

HEX

#D2C4C1

RGB

rgb(210, 196, 193)

HSL

hsl(11, 16%, 79%)

HSB

hsb(11, 8%, 82%)

CMYK

cmyk(0%, 7%, 8%, 18%)

Oklch

oklch(83.1% 0.016 32.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDEDCB

C9D9FD

Analogous

FDD2C9

FDEDCB

F3FDC9

Triadic

FDEDCB

C9FDED

EDC9FD

Split-Comp.

FDEDCB

C9F3FD

D2C9FD

Tetradic

FDEDCB

C9FDD2

C9D9FD

FDC9F3

Contrast Matrix WCAG 2.1 Contrast

FDEDCB	F9D6BA	E3CCBC	D9C8C0	D2C4C1
—	1.2 Fail	1.3 Fail	1.4 Fail	1.5 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.4 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.5 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

1.2Fail

1.4Fail

1.5Fail

1.6Fail

1.7Fail

Black BG

18.2AAA

15.4AAA

13.6AAA

13.0AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6D3

EAEAC1

D9D9C0

D2D1C2

CCCCC2

Deuteranopia

F7F8D5

ECEFC2

DADCC1

D3D4C2

CDCEC2

Tritanopia

FCDADB

F7C6C7

E2C3C4

D8C3C4

D1C2C2

Achromatopsia

EEEEEE

DDDDDD

D1D1D1

CCCCCC

C8C8C8

Shades & Tints Shades & Tints

#FDEDCB

Dark

Light

#F9D6BA

Dark

Light

#E3CCBC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdedcb;
  --color-2: #f9d6ba;
  --color-3: #e3ccbc;
  --color-4: #d9c8c0;
  --color-5: #d2c4c1;
}

SCSS

$color-1: #fdedcb;
$color-2: #f9d6ba;
$color-3: #e3ccbc;
$color-4: #d9c8c0;
$color-5: #d2c4c1;

TAILWIND

colors: {
  'brand-1': '#fdedcb',
  'brand-2': '#f9d6ba',
  'brand-3': '#e3ccbc',
  'brand-4': '#d9c8c0',
  'brand-5': '#d2c4c1',
}

RGB Array

[253, 237, 203], [249, 214, 186], [227, 204, 188], [217, 200, 192], [210, 196, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDEDCB, #F9D6BA, #E3CCBC, #D9C8C0, #D2C4C1 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: #fdedcb; --color-2: #f9d6ba; --color-3: #e3ccbc; --color-4: #d9c8c0; --color-5: #d2c4c1. 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