#C2A1A4 + #EBC3B4 + #EDD2C2 + #E4DBC9 + #D0DDC6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C2A1A4

Peach Pink · DarkGray · Coral Red

HEX

#C2A1A4

RGB

rgb(194, 161, 164)

HSL

hsl(355, 21%, 70%)

HSB

hsb(355, 17%, 76%)

CMYK

cmyk(0%, 17%, 15%, 24%)

Oklch

oklch(73.9% 0.039 11.9)

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

#EBC3B4

Apricot · LightPink · Peach Orange

HEX

#EBC3B4

RGB

rgb(235, 195, 180)

HSL

hsl(16, 58%, 81%)

HSB

hsb(16, 23%, 92%)

CMYK

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

Oklch

oklch(84.8% 0.050 41.6)

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

#EDD2C2

Apricot · Wheat · Peach Orange

HEX

#EDD2C2

RGB

rgb(237, 210, 194)

HSL

hsl(22, 54%, 85%)

HSB

hsb(22, 18%, 93%)

CMYK

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

Oklch

oklch(88.2% 0.037 52.7)

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

#E4DBC9

Goose Yellow · LightGray · Lemon Cream

HEX

#E4DBC9

RGB

rgb(228, 219, 201)

HSL

hsl(40, 33%, 84%)

HSB

hsb(40, 12%, 89%)

CMYK

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

Oklch

oklch(89.4% 0.026 84.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D0DDC6

Celadon · LightGray · Mint Green

HEX

#D0DDC6

RGB

rgb(208, 221, 198)

HSL

hsl(94, 25%, 82%)

HSB

hsb(94, 10%, 87%)

CMYK

cmyk(6%, 0%, 10%, 13%)

Oklch

oklch(88.1% 0.034 131.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2A1A4

A2C3C0

Analogous

C3A2B5

C2A1A4

C3B0A2

Triadic

C2A1A4

A5C3A2

A2A5C3

Split-Comp.

C2A1A4

A2C3B0

A2B5C3

Tetradic

C2A1A4

B5C3A2

A2C3C0

B0A2C3

Contrast Matrix WCAG 2.1 Contrast

C2A1A4	EBC3B4	EDD2C2	E4DBC9	D0DDC6
—	1.5 Fail	1.6 Fail	1.7 Fail	1.7 Fail
1.5 Fail	—	1.1 Fail	1.2 Fail	1.1 Fail
1.6 Fail	1.1 Fail	—	1.0 Fail	1.0 Fail
1.7 Fail	1.2 Fail	1.0 Fail	—	1.0 Fail
1.7 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

2.4Fail

1.6Fail

1.4Fail

Black BG

8.9AAA

13.0AAA

14.6AAA

15.3AAA

14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B3A3

DAD9B8

E1E1C6

E0E0CD

D6D6CC

Deuteranopia

B6B8A3

DCDFB9

E3E5C7

E1E1CE

D5D4CD

Tritanopia

C0A3A3

E9BABB

ECC9CA

E4D1D2

D1D0D1

Achromatopsia

ABABAB

CDCDCD

D8D8D8

DCDCDC

D6D6D6

Shades & Tints Shades & Tints

#C2A1A4

Dark

Light

#EBC3B4

Dark

Light

#EDD2C2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2a1a4;
  --color-2: #ebc3b4;
  --color-3: #edd2c2;
  --color-4: #e4dbc9;
  --color-5: #d0ddc6;
}

SCSS

$color-1: #c2a1a4;
$color-2: #ebc3b4;
$color-3: #edd2c2;
$color-4: #e4dbc9;
$color-5: #d0ddc6;

TAILWIND

colors: {
  'brand-1': '#c2a1a4',
  'brand-2': '#ebc3b4',
  'brand-3': '#edd2c2',
  'brand-4': '#e4dbc9',
  'brand-5': '#d0ddc6',
}

RGB Array

[194, 161, 164], [235, 195, 180], [237, 210, 194], [228, 219, 201], [208, 221, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2A1A4, #EBC3B4, #EDD2C2, #E4DBC9, #D0DDC6 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: #c2a1a4; --color-2: #ebc3b4; --color-3: #edd2c2; --color-4: #e4dbc9; --color-5: #d0ddc6. 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