#F3D2C8 + #EBD5CB + #E1D8CF + #D7DAD4 + #C1DEDC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F3D2C8

Peach Pink · Pink · Cherry Blossom

HEX

#F3D2C8

RGB

rgb(243, 210, 200)

HSL

hsl(14, 64%, 87%)

HSB

hsb(14, 18%, 95%)

CMYK

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

Oklch

oklch(88.9% 0.040 37.5)

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

#EBD5CB

Apricot · LightGray · Peach Orange

HEX

#EBD5CB

RGB

rgb(235, 213, 203)

HSL

hsl(19, 44%, 86%)

HSB

hsb(19, 14%, 92%)

CMYK

cmyk(0%, 9%, 14%, 8%)

Oklch

oklch(88.8% 0.028 46.1)

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

#E1D8CF

Goose Yellow · LightGray · Peach Orange

HEX

#E1D8CF

RGB

rgb(225, 216, 207)

HSL

hsl(30, 23%, 85%)

HSB

hsb(30, 8%, 88%)

CMYK

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

Oklch

oklch(88.7% 0.016 67.6)

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

#D7DAD4

Silver Gray · LightGray · Pearl Gray

HEX

#D7DAD4

RGB

rgb(215, 218, 212)

HSL

hsl(90, 7%, 84%)

HSB

hsb(90, 3%, 85%)

CMYK

cmyk(1%, 0%, 3%, 15%)

Oklch

oklch(88.4% 0.009 128.6)

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

#C1DEDC

Jade · LightGray · Glacier Blue

HEX

#C1DEDC

RGB

rgb(193, 222, 220)

HSL

hsl(176, 31%, 81%)

HSB

hsb(176, 13%, 87%)

CMYK

cmyk(13%, 0%, 1%, 13%)

Oklch

oklch(87.9% 0.031 191.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3D2C8

C9E9F3

Analogous

F3C9D4

F3D2C8

F3E8C9

Triadic

F3D2C8

C9F3D3

D3C9F3

Split-Comp.

F3D2C8

C9F3E8

C9D4F3

Tetradic

F3D2C8

D4F3C9

C9E9F3

E8C9F3

Contrast Matrix WCAG 2.1 Contrast

F3D2C8	EBD5CB	E1D8CF	D7DAD4	C1DEDC
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.4Fail

Black BG

14.9AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E4CA

E1E1CD

DDDDD1

D8D8D5

CECEDC

Deuteranopia

E7E9CB

E3E4CE

DEDED2

D8D8D6

CCCADD

Tritanopia

F1CCCD

EACFD0

E1D3D3

D7D7D7

C2DDDD

Achromatopsia

DBDBDB

DADADA

D8D8D8

D5D5D5

Shades & Tints Shades & Tints

#F3D2C8

Dark

Light

#EBD5CB

Dark

Light

#E1D8CF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3d2c8;
  --color-2: #ebd5cb;
  --color-3: #e1d8cf;
  --color-4: #d7dad4;
  --color-5: #c1dedc;
}

SCSS

$color-1: #f3d2c8;
$color-2: #ebd5cb;
$color-3: #e1d8cf;
$color-4: #d7dad4;
$color-5: #c1dedc;

TAILWIND

colors: {
  'brand-1': '#f3d2c8',
  'brand-2': '#ebd5cb',
  'brand-3': '#e1d8cf',
  'brand-4': '#d7dad4',
  'brand-5': '#c1dedc',
}

RGB Array

[243, 210, 200], [235, 213, 203], [225, 216, 207], [215, 218, 212], [193, 222, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3D2C8, #EBD5CB, #E1D8CF, #D7DAD4, #C1DEDC 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: #f3d2c8; --color-2: #ebd5cb; --color-3: #e1d8cf; --color-4: #d7dad4; --color-5: #c1dedc. 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