#D9727D + #D3A092 + #CAD5C6 + #CCEDC5 + #E3F19C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D9727D

Peach Pink · LightCoral · Coral Red

HEX

#D9727D

RGB

rgb(217, 114, 125)

HSL

hsl(354, 58%, 65%)

HSB

hsb(354, 47%, 85%)

CMYK

cmyk(0%, 47%, 42%, 15%)

Oklch

oklch(67.2% 0.129 14.4)

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

#D3A092

Peach Pink · Tan · Coral Red

HEX

#D3A092

RGB

rgb(211, 160, 146)

HSL

hsl(13, 42%, 70%)

HSB

hsb(13, 31%, 83%)

CMYK

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

Oklch

oklch(75.0% 0.064 35.9)

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

#CAD5C6

Celadon · LightGray · Mint Green

HEX

#CAD5C6

RGB

rgb(202, 213, 198)

HSL

hsl(104, 15%, 81%)

HSB

hsb(104, 7%, 84%)

CMYK

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

Oklch

oklch(86.0% 0.024 137.3)

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

#CCEDC5

Emerald · LightGray · Mint Green

HEX

#CCEDC5

RGB

rgb(204, 237, 197)

HSL

hsl(109, 53%, 85%)

HSB

hsb(109, 17%, 93%)

CMYK

cmyk(14%, 0%, 17%, 7%)

Oklch

oklch(91.2% 0.064 140.2)

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

#E3F19C

Willow Green · Khaki · Apple Green

HEX

#E3F19C

RGB

rgb(227, 241, 156)

HSL

hsl(70, 75%, 78%)

HSB

hsb(70, 35%, 95%)

CMYK

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

Oklch

oklch(92.8% 0.109 116.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9727D

72DACF

Analogous

DA72B0

D9727D

DA9B72

Triadic

D9727D

7CDA72

727CDA

Split-Comp.

D9727D

72DA9B

72B0DA

Tetradic

D9727D

B0DA72

72DACF

9B72DA

Contrast Matrix WCAG 2.1 Contrast

D9727D	D3A092	CAD5C6	CCEDC5	E3F19C
—	1.4 Fail	2.1 Fail	2.5 Fail	2.6 Fail
1.4 Fail	—	1.5 Fail	1.8 Fail	1.9 Fail
2.1 Fail	1.5 Fail	—	1.2 Fail	1.3 Fail
2.5 Fail	1.8 Fail	1.2 Fail	—	1.1 Fail
2.6 Fail	1.9 Fail	1.3 Fail	1.1 Fail	—

White BG

3.2AA Large

2.3Fail

1.5Fail

1.3Fail

1.2Fail

Black BG

6.7AA

9.2AAA

13.8AAA

16.5AAA

17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB7A

BDBC95

CFCFCA

DADBCF

E9E9B1

Deuteranopia

B2BA7A

C0C496

CECDCB

D8D6D1

E8E7B6

Tritanopia

D47878

D09899

CBCCCD

CED6D8

E4C1C4

Achromatopsia

929292

AEAEAE

D0D0D0

DFDFDF

E3E3E3

Shades & Tints Shades & Tints

#D9727D

Dark

Light

#D3A092

Dark

Light

#CAD5C6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9727d;
  --color-2: #d3a092;
  --color-3: #cad5c6;
  --color-4: #ccedc5;
  --color-5: #e3f19c;
}

SCSS

$color-1: #d9727d;
$color-2: #d3a092;
$color-3: #cad5c6;
$color-4: #ccedc5;
$color-5: #e3f19c;

TAILWIND

colors: {
  'brand-1': '#d9727d',
  'brand-2': '#d3a092',
  'brand-3': '#cad5c6',
  'brand-4': '#ccedc5',
  'brand-5': '#e3f19c',
}

RGB Array

[217, 114, 125], [211, 160, 146], [202, 213, 198], [204, 237, 197], [227, 241, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9727D, #D3A092, #CAD5C6, #CCEDC5, #E3F19C 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: #d9727d; --color-2: #d3a092; --color-3: #cad5c6; --color-4: #ccedc5; --color-5: #e3f19c. 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