#EFD5C5 + #F6CEB1 + #DCCAB3 + #C3C6BA + #B0C7BD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFD5C5

Apricot · Wheat · Peach Orange

HEX

#EFD5C5

RGB

rgb(239, 213, 197)

HSL

hsl(23, 57%, 85%)

HSB

hsb(23, 18%, 94%)

CMYK

cmyk(0%, 11%, 18%, 6%)

Oklch

oklch(89.0% 0.036 53.7)

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

#F6CEB1

Apricot · Wheat · Peach Orange

HEX

#F6CEB1

RGB

rgb(246, 206, 177)

HSL

hsl(25, 79%, 83%)

HSB

hsb(25, 28%, 96%)

CMYK

cmyk(0%, 16%, 28%, 4%)

Oklch

oklch(87.8% 0.060 57.8)

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

#DCCAB3

Goose Yellow · Wheat · Peach Orange

HEX

#DCCAB3

RGB

rgb(220, 202, 179)

HSL

hsl(34, 37%, 78%)

HSB

hsb(34, 19%, 86%)

CMYK

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

Oklch

oklch(84.8% 0.037 74.0)

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

#C3C6BA

Willow Green · Silver · Apple Green

HEX

#C3C6BA

RGB

rgb(195, 198, 186)

HSL

hsl(75, 10%, 75%)

HSB

hsb(75, 6%, 78%)

CMYK

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

Oklch

oklch(82.1% 0.017 118.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#B0C7BD

Jade · Silver · Apple Green

HEX

#B0C7BD

RGB

rgb(176, 199, 189)

HSL

hsl(154, 17%, 74%)

HSB

hsb(154, 12%, 78%)

CMYK

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

Oklch

oklch(80.9% 0.029 167.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFD5C5

C3DEEF

Analogous

EFC3C8

EFD5C5

EFE9C3

Triadic

EFD5C5

C3EFD4

D4C3EF

Split-Comp.

EFD5C5

C3EFE9

C3C8EF

Tetradic

EFD5C5

C8EFC3

C3DEEF

E9C3EF

Contrast Matrix WCAG 2.1 Contrast

EFD5C5	F6CEB1	DCCAB3	C3C6BA	B0C7BD
—	1.0 Fail	1.1 Fail	1.2 Fail	1.3 Fail
1.0 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.3 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

1.4Fail

1.5Fail

1.6Fail

1.7Fail

1.8Fail

Black BG

15.0AAA

14.4AAA

13.1AAA

12.1AAA

11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4C9

E5E4B8

D4D4B9

C4C4BD

BABABF

Deuteranopia

E5E7CA

E7EABA

D5D7BA

C4C4BE

B9B7C0

Tritanopia

EECCCD

F4BEBF

DBBDBE

C3BFC0

B1C1C2

Achromatopsia

DBDBDB

D7D7D7

CDCDCD

C4C4C4

BFBFBF

Shades & Tints Shades & Tints

#EFD5C5

Dark

Light

#F6CEB1

Dark

Light

#DCCAB3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efd5c5;
  --color-2: #f6ceb1;
  --color-3: #dccab3;
  --color-4: #c3c6ba;
  --color-5: #b0c7bd;
}

SCSS

$color-1: #efd5c5;
$color-2: #f6ceb1;
$color-3: #dccab3;
$color-4: #c3c6ba;
$color-5: #b0c7bd;

TAILWIND

colors: {
  'brand-1': '#efd5c5',
  'brand-2': '#f6ceb1',
  'brand-3': '#dccab3',
  'brand-4': '#c3c6ba',
  'brand-5': '#b0c7bd',
}

RGB Array

[239, 213, 197], [246, 206, 177], [220, 202, 179], [195, 198, 186], [176, 199, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFD5C5, #F6CEB1, #DCCAB3, #C3C6BA, #B0C7BD 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: #efd5c5; --color-2: #f6ceb1; --color-3: #dccab3; --color-4: #c3c6ba; --color-5: #b0c7bd. 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