#C5D7C6 + #D4C3A8 + #DCAE8C + #E47F84 + #AD5B66 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C5D7C6

Celadon · LightGray · Mint Green

HEX

#C5D7C6

RGB

rgb(197, 215, 198)

HSL

hsl(123, 18%, 81%)

HSB

hsb(123, 8%, 84%)

CMYK

cmyk(8%, 0%, 8%, 16%)

Oklch

oklch(86.1% 0.030 146.9)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#D4C3A8

Goose Yellow · Silver · Warm Sun

HEX

#D4C3A8

RGB

rgb(212, 195, 168)

HSL

hsl(37, 34%, 75%)

HSB

hsb(37, 21%, 83%)

CMYK

cmyk(0%, 8%, 21%, 17%)

Oklch

oklch(82.4% 0.041 79.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#DCAE8C

Apricot · BurlyWood · Warm Sun

HEX

#DCAE8C

RGB

rgb(220, 174, 140)

HSL

hsl(25, 53%, 71%)

HSB

hsb(25, 36%, 86%)

CMYK

cmyk(0%, 21%, 36%, 14%)

Oklch

oklch(78.4% 0.071 57.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E47F84

Peach Pink · LightCoral · Coral Red

HEX

#E47F84

RGB

rgb(228, 127, 132)

HSL

hsl(357, 65%, 70%)

HSB

hsb(357, 44%, 89%)

CMYK

cmyk(0%, 44%, 42%, 11%)

Oklch

oklch(70.9% 0.125 17.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#AD5B66

Crimson · Sienna · Passion Red

HEX

#AD5B66

RGB

rgb(173, 91, 102)

HSL

hsl(352, 33%, 52%)

HSB

hsb(352, 47%, 68%)

CMYK

cmyk(0%, 47%, 41%, 32%)

Oklch

oklch(57.1% 0.107 12.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5D7C6

D7C6D6

Analogous

CED7C6

C5D7C6

C6D7CF

Triadic

C5D7C6

C7C6D7

D7C7C6

Split-Comp.

C5D7C6

CFC6D7

D7C6CE

Tetradic

C5D7C6

C6CED7

D7C6D6

D7CFC6

Contrast Matrix WCAG 2.1 Contrast

C5D7C6	D4C3A8	DCAE8C	E47F84	AD5B66
—	1.1 Fail	1.3 Fail	1.8 Fail	3.1 AA Large
1.1 Fail	—	1.2 Fail	1.6 Fail	2.7 Fail
1.3 Fail	1.2 Fail	—	1.4 Fail	2.3 Fail
1.8 Fail	1.6 Fail	1.4 Fail	—	1.7 Fail
3.1 AA Large	2.7 Fail	2.3 Fail	1.7 Fail	—

White BG

1.5Fail

1.7Fail

2.0Fail

2.7Fail

4.7AA

Black BG

13.9AAA

12.2AAA

10.5AAA

7.7AAA

4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDCA

CDCCAF

C8C894

B8B783

898963

Deuteranopia

CCCACB

CECFB0

CBCE96

BEC683

8E9463

Tritanopia

C6CDCE

D3B4B5

DA9B9C

DF8282

A96161

Achromatopsia

D0D0D0

C5C5C5

B8B8B8

9E9E9E

757575

Shades & Tints Shades & Tints

#C5D7C6

Dark

Light

#D4C3A8

Dark

Light

#DCAE8C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5d7c6;
  --color-2: #d4c3a8;
  --color-3: #dcae8c;
  --color-4: #e47f84;
  --color-5: #ad5b66;
}

SCSS

$color-1: #c5d7c6;
$color-2: #d4c3a8;
$color-3: #dcae8c;
$color-4: #e47f84;
$color-5: #ad5b66;

TAILWIND

colors: {
  'brand-1': '#c5d7c6',
  'brand-2': '#d4c3a8',
  'brand-3': '#dcae8c',
  'brand-4': '#e47f84',
  'brand-5': '#ad5b66',
}

RGB Array

[197, 215, 198], [212, 195, 168], [220, 174, 140], [228, 127, 132], [173, 91, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5D7C6, #D4C3A8, #DCAE8C, #E47F84, #AD5B66 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: #c5d7c6; --color-2: #d4c3a8; --color-3: #dcae8c; --color-4: #e47f84; --color-5: #ad5b66. 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