#E6DBD9 + #F6C0B6 + #ED978A + #E1827E + #C3736A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6DBD9

Peach Pink · LightGray · Cherry Blossom

HEX

#E6DBD9

RGB

rgb(230, 219, 217)

HSL

hsl(9, 21%, 88%)

HSB

hsb(9, 6%, 90%)

CMYK

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

Oklch

oklch(90.0% 0.012 29.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F6C0B6

Peach Pink · LightPink · Cherry Blossom

HEX

#F6C0B6

RGB

rgb(246, 192, 182)

HSL

hsl(9, 78%, 84%)

HSB

hsb(9, 26%, 96%)

CMYK

cmyk(0%, 22%, 26%, 4%)

Oklch

oklch(85.3% 0.064 30.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#ED978A

Peach Pink · DarkSalmon · Coral Red

HEX

#ED978A

RGB

rgb(237, 151, 138)

HSL

hsl(8, 73%, 74%)

HSB

hsb(8, 42%, 93%)

CMYK

cmyk(0%, 36%, 42%, 7%)

Oklch

oklch(76.0% 0.106 29.1)

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

#E1827E

Peach Pink · LightCoral · Coral Red

HEX

#E1827E

RGB

rgb(225, 130, 126)

HSL

hsl(2, 62%, 69%)

HSB

hsb(2, 44%, 88%)

CMYK

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

Oklch

oklch(70.8% 0.118 23.0)

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

#C3736A

Crimson · LightCoral · Passion Red

HEX

#C3736A

RGB

rgb(195, 115, 106)

HSL

hsl(6, 43%, 59%)

HSB

hsb(6, 46%, 76%)

CMYK

cmyk(0%, 41%, 46%, 24%)

Oklch

oklch(64.1% 0.103 27.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6DBD9

DAE5E7

Analogous

E7DADE

E6DBD9

E7E2DA

Triadic

E6DBD9

DAE7DC

DCDAE7

Split-Comp.

E6DBD9

DAE7E2

DADEE7

Tetradic

E6DBD9

DEE7DA

DAE5E7

E2DAE7

Contrast Matrix WCAG 2.1 Contrast

E6DBD9	F6C0B6	ED978A	E1827E	C3736A
—	1.2 Fail	1.6 Fail	2.0 Fail	2.6 Fail
1.2 Fail	—	1.4 Fail	1.7 Fail	2.2 Fail
1.6 Fail	1.4 Fail	—	1.2 Fail	1.6 Fail
2.0 Fail	1.7 Fail	1.2 Fail	—	1.3 Fail
2.6 Fail	2.2 Fail	1.6 Fail	1.3 Fail	—

White BG

1.4Fail

1.6Fail

2.2Fail

2.7Fail

3.5AA Large

Black BG

15.5AAA

13.1AAA

9.4AAA

7.7AAA

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1D9

DFDEB8

C8C78D

B8B77F

A0A06C

Deuteranopia

E2E3DA

E2E6B9

CDD38E

BDC57F

A5AB6D

Tritanopia

E5DADA

F3BABB

E99090

DC8080

BF6E6E

Achromatopsia

DEDEDE

CFCFCF

AFAFAF

9E9E9E

8A8A8A

Shades & Tints Shades & Tints

#E6DBD9

Dark

Light

#F6C0B6

Dark

Light

#ED978A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6dbd9;
  --color-2: #f6c0b6;
  --color-3: #ed978a;
  --color-4: #e1827e;
  --color-5: #c3736a;
}

SCSS

$color-1: #e6dbd9;
$color-2: #f6c0b6;
$color-3: #ed978a;
$color-4: #e1827e;
$color-5: #c3736a;

TAILWIND

colors: {
  'brand-1': '#e6dbd9',
  'brand-2': '#f6c0b6',
  'brand-3': '#ed978a',
  'brand-4': '#e1827e',
  'brand-5': '#c3736a',
}

RGB Array

[230, 219, 217], [246, 192, 182], [237, 151, 138], [225, 130, 126], [195, 115, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6DBD9, #F6C0B6, #ED978A, #E1827E, #C3736A 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: #e6dbd9; --color-2: #f6c0b6; --color-3: #ed978a; --color-4: #e1827e; --color-5: #c3736a. 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