#D26C82 + #E3A6A3 + #D7CCB6 + #DED5D6 + #F7DBD0 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D26C82

Peach Pink · LightCoral · Coral Red

HEX

#D26C82

RGB

rgb(210, 108, 130)

HSL

hsl(347, 53%, 62%)

HSB

hsb(347, 49%, 82%)

CMYK

cmyk(0%, 49%, 38%, 18%)

Oklch

oklch(65.5% 0.130 7.6)

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

#E3A6A3

Peach Pink · Tan · Coral Red

HEX

#E3A6A3

RGB

rgb(227, 166, 163)

HSL

hsl(3, 53%, 76%)

HSB

hsb(3, 28%, 89%)

CMYK

cmyk(0%, 27%, 28%, 11%)

Oklch

oklch(78.2% 0.073 22.0)

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

#D7CCB6

Goose Yellow · Silver · Lemon Cream

HEX

#D7CCB6

RGB

rgb(215, 204, 182)

HSL

hsl(40, 29%, 78%)

HSB

hsb(40, 15%, 84%)

CMYK

cmyk(0%, 5%, 15%, 16%)

Oklch

oklch(84.8% 0.032 84.6)

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

#DED5D6

Peach Pink · LightGray · Cherry Blossom

HEX

#DED5D6

RGB

rgb(222, 213, 214)

HSL

hsl(353, 12%, 85%)

HSB

hsb(353, 4%, 87%)

CMYK

cmyk(0%, 4%, 4%, 13%)

Oklch

oklch(88.0% 0.010 9.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F7DBD0

Apricot · Bisque · Peach Orange

HEX

#F7DBD0

RGB

rgb(247, 219, 208)

HSL

hsl(17, 71%, 89%)

HSB

hsb(17, 16%, 97%)

CMYK

cmyk(0%, 11%, 16%, 3%)

Oklch

oklch(91.2% 0.035 42.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D26C82

6BD1BB

Analogous

D16BB4

D26C82

D1886B

Triadic

D26C82

81D16B

6B81D1

Split-Comp.

D26C82

6BD188

6BB4D1

Tetradic

D26C82

B4D16B

6BD1BB

886BD1

Contrast Matrix WCAG 2.1 Contrast

D26C82	E3A6A3	D7CCB6	DED5D6	F7DBD0
—	1.7 Fail	2.1 Fail	2.4 Fail	2.6 Fail
1.7 Fail	—	1.3 Fail	1.4 Fail	1.6 Fail
2.1 Fail	1.3 Fail	—	1.1 Fail	1.2 Fail
2.4 Fail	1.4 Fail	1.1 Fail	—	1.1 Fail
2.6 Fail	1.6 Fail	1.2 Fail	1.1 Fail	—

White BG

3.4AA Large

2.0Fail

1.6Fail

1.4Fail

1.3Fail

Black BG

6.2AA

10.2AAA

13.2AAA

14.6AAA

16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A57D

C9C8A4

D2D2BB

DADAD6

EBEBD3

Deuteranopia

ACB37B

CCD1A4

D3D4BD

DBDBD6

EDEFD3

Tritanopia

CD7878

E0A4A4

D6C0C0

DED6D6

F6D5D5

Achromatopsia

8D8D8D

B8B8B8

CDCDCD

D8D8D8

E2E2E2

Shades & Tints Shades & Tints

#D26C82

Dark

Light

#E3A6A3

Dark

Light

#D7CCB6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d26c82;
  --color-2: #e3a6a3;
  --color-3: #d7ccb6;
  --color-4: #ded5d6;
  --color-5: #f7dbd0;
}

SCSS

$color-1: #d26c82;
$color-2: #e3a6a3;
$color-3: #d7ccb6;
$color-4: #ded5d6;
$color-5: #f7dbd0;

TAILWIND

colors: {
  'brand-1': '#d26c82',
  'brand-2': '#e3a6a3',
  'brand-3': '#d7ccb6',
  'brand-4': '#ded5d6',
  'brand-5': '#f7dbd0',
}

RGB Array

[210, 108, 130], [227, 166, 163], [215, 204, 182], [222, 213, 214], [247, 219, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #D26C82, #E3A6A3, #D7CCB6, #DED5D6, #F7DBD0 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: #d26c82; --color-2: #e3a6a3; --color-3: #d7ccb6; --color-4: #ded5d6; --color-5: #f7dbd0. 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 cool-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