#CDCFB6 + #E7CDB5 + #EBAEA9 + #E0809D + #CD5E9B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CDCFB6

Fresh Green · Silver · Lemon Cream

HEX

#CDCFB6

RGB

rgb(205, 207, 182)

HSL

hsl(65, 21%, 76%)

HSB

hsb(65, 12%, 81%)

CMYK

cmyk(1%, 0%, 12%, 19%)

Oklch

oklch(84.6% 0.034 110.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E7CDB5

Apricot · Wheat · Peach Orange

HEX

#E7CDB5

RGB

rgb(231, 205, 181)

HSL

hsl(29, 51%, 81%)

HSB

hsb(29, 22%, 91%)

CMYK

cmyk(0%, 11%, 22%, 9%)

Oklch

oklch(86.4% 0.044 64.9)

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

#EBAEA9

Peach Pink · LightPink · Coral Red

HEX

#EBAEA9

RGB

rgb(235, 174, 169)

HSL

hsl(5, 62%, 79%)

HSB

hsb(5, 28%, 92%)

CMYK

cmyk(0%, 26%, 28%, 8%)

Oklch

oklch(80.6% 0.072 24.1)

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

#E0809D

Rouge · LightCoral · Rose Pink

HEX

#E0809D

RGB

rgb(224, 128, 157)

HSL

hsl(342, 61%, 69%)

HSB

hsb(342, 43%, 88%)

CMYK

cmyk(0%, 43%, 30%, 12%)

Oklch

oklch(71.2% 0.122 1.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#CD5E9B

Rose Purple · LightCoral · Rose Pink

HEX

#CD5E9B

RGB

rgb(205, 94, 155)

HSL

hsl(327, 53%, 59%)

HSB

hsb(327, 54%, 80%)

CMYK

cmyk(0%, 54%, 24%, 20%)

Oklch

oklch(63.6% 0.156 348.3)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDCFB6

B7B5CF

Analogous

CFC4B5

CDCFB6

C0CFB5

Triadic

CDCFB6

B5CDCF

CFB5CD

Split-Comp.

CDCFB6

B5C0CF

C4B5CF

Tetradic

CDCFB6

B5CFC4

B7B5CF

CFB5C0

Contrast Matrix WCAG 2.1 Contrast

CDCFB6	E7CDB5	EBAEA9	E0809D	CD5E9B
—	1.0 Fail	1.2 Fail	1.7 Fail	2.3 Fail
1.0 Fail	—	1.2 Fail	1.8 Fail	2.4 Fail
1.2 Fail	1.2 Fail	—	1.4 Fail	2.0 Fail
1.7 Fail	1.8 Fail	1.4 Fail	—	1.4 Fail
2.3 Fail	2.4 Fail	2.0 Fail	1.4 Fail	—

White BG

1.6Fail

1.5Fail

1.9Fail

2.7Fail

3.7AA Large

Black BG

13.2AAA

13.8AAA

11.2AAA

7.7AAA

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEBC

DCDCBB

D1D0AA

B6B696

9D9C8C

Deuteranopia

CECEBE

DDDFBC

D4D9AB

BCC394

A3AC89

Tritanopia

CDC1C2

E6BFC0

E8ABAB

DB908F

C7817E

Achromatopsia

CCCCCC

D2D2D2

C0C0C0

A0A0A0

868686

Shades & Tints Shades & Tints

#CDCFB6

Dark

Light

#E7CDB5

Dark

Light

#EBAEA9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdcfb6;
  --color-2: #e7cdb5;
  --color-3: #ebaea9;
  --color-4: #e0809d;
  --color-5: #cd5e9b;
}

SCSS

$color-1: #cdcfb6;
$color-2: #e7cdb5;
$color-3: #ebaea9;
$color-4: #e0809d;
$color-5: #cd5e9b;

TAILWIND

colors: {
  'brand-1': '#cdcfb6',
  'brand-2': '#e7cdb5',
  'brand-3': '#ebaea9',
  'brand-4': '#e0809d',
  'brand-5': '#cd5e9b',
}

RGB Array

[205, 207, 182], [231, 205, 181], [235, 174, 169], [224, 128, 157], [205, 94, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDCFB6, #E7CDB5, #EBAEA9, #E0809D, #CD5E9B 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: #cdcfb6; --color-2: #e7cdb5; --color-3: #ebaea9; --color-4: #e0809d; --color-5: #cd5e9b. 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