#EFD9C9 + #EDE1D8 + #C7EEEC + #CCE6E5 + #DEE3E3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFD9C9

Apricot · Bisque · Peach Orange

HEX

#EFD9C9

RGB

rgb(239, 217, 201)

HSL

hsl(25, 54%, 86%)

HSB

hsb(25, 16%, 94%)

CMYK

cmyk(0%, 9%, 16%, 6%)

Oklch

oklch(89.9% 0.033 58.4)

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

#EDE1D8

Apricot · Beige · Peach Orange

HEX

#EDE1D8

RGB

rgb(237, 225, 216)

HSL

hsl(26, 37%, 89%)

HSB

hsb(26, 9%, 93%)

CMYK

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

Oklch

oklch(91.7% 0.018 59.5)

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

#C7EEEC

Jade · LightBlue · Glacier Blue

HEX

#C7EEEC

RGB

rgb(199, 238, 236)

HSL

hsl(177, 53%, 86%)

HSB

hsb(177, 16%, 93%)

CMYK

cmyk(16%, 0%, 1%, 7%)

Oklch

oklch(92.1% 0.040 192.6)

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

#CCE6E5

Jade · LightGray · Glacier Blue

HEX

#CCE6E5

RGB

rgb(204, 230, 229)

HSL

hsl(178, 34%, 85%)

HSB

hsb(178, 11%, 90%)

CMYK

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

Oklch

oklch(90.6% 0.027 193.9)

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

#DEE3E3

Sky Blue · Lavender · Cloud White

HEX

#DEE3E3

RGB

rgb(222, 227, 227)

HSL

hsl(180, 8%, 88%)

HSB

hsb(180, 2%, 89%)

CMYK

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

Oklch

oklch(91.2% 0.005 197.1)

Traditional「Sky Blue」· Paint「Cloud White」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFD9C9

C8DFEF

Analogous

EFC8CB

EFD9C9

EFEBC8

Triadic

EFD9C9

C8EFD8

D8C8EF

Split-Comp.

EFD9C9

C8EFEB

C8CBEF

Tetradic

EFD9C9

CBEFC8

C8DFEF

EBC8EF

Contrast Matrix WCAG 2.1 Contrast

EFD9C9	EDE1D8	C7EEEC	CCE6E5	DEE3E3
—	1.1 Fail	1.1 Fail	1.0 Fail	1.0 Fail
1.1 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.1 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.4Fail

1.3Fail

1.2Fail

1.3Fail

Black BG

15.4AAA

16.4AAA

16.9AAA

16.0AAA

16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5CD

E8E8DA

D8D8EC

D7D7E5

E0E0E3

Deuteranopia

E7E8CE

E9E9DB

D6D3ED

D6D4E5

E0DFE3

Tritanopia

EED0D1

ECDCDC

C9EDED

CDE5E5

DEE3E3

Achromatopsia

DEDEDE

E4E4E4

E2E2E2

DEDEDE

E2E2E2

Shades & Tints Shades & Tints

#EFD9C9

Dark

Light

#EDE1D8

Dark

Light

#C7EEEC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efd9c9;
  --color-2: #ede1d8;
  --color-3: #c7eeec;
  --color-4: #cce6e5;
  --color-5: #dee3e3;
}

SCSS

$color-1: #efd9c9;
$color-2: #ede1d8;
$color-3: #c7eeec;
$color-4: #cce6e5;
$color-5: #dee3e3;

TAILWIND

colors: {
  'brand-1': '#efd9c9',
  'brand-2': '#ede1d8',
  'brand-3': '#c7eeec',
  'brand-4': '#cce6e5',
  'brand-5': '#dee3e3',
}

RGB Array

[239, 217, 201], [237, 225, 216], [199, 238, 236], [204, 230, 229], [222, 227, 227]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFD9C9, #EDE1D8, #C7EEEC, #CCE6E5, #DEE3E3 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: #efd9c9; --color-2: #ede1d8; --color-3: #c7eeec; --color-4: #cce6e5; --color-5: #dee3e3. 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