#E72F80 + #D96A8D + #CF9595 + #D4AC9D + #EAB692 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E72F80

Dark Violet · DeepPink · Rose Pink

HEX

#E72F80

RGB

rgb(231, 47, 128)

HSL

hsl(334, 79%, 55%)

HSB

hsb(334, 80%, 91%)

CMYK

cmyk(0%, 80%, 45%, 9%)

Oklch

oklch(62.0% 0.224 0.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#D96A8D

Rouge · LightCoral · Rose Pink

HEX

#D96A8D

RGB

rgb(217, 106, 141)

HSL

hsl(341, 59%, 63%)

HSB

hsb(341, 51%, 85%)

CMYK

cmyk(0%, 51%, 35%, 15%)

Oklch

oklch(66.5% 0.143 1.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#CF9595

Peach Pink · Tan · Coral Red

HEX

#CF9595

RGB

rgb(207, 149, 149)

HSL

hsl(0, 38%, 70%)

HSB

hsb(0, 28%, 81%)

CMYK

cmyk(0%, 28%, 28%, 19%)

Oklch

oklch(72.6% 0.070 18.9)

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

#D4AC9D

Apricot · Tan · Warm Sun

HEX

#D4AC9D

RGB

rgb(212, 172, 157)

HSL

hsl(16, 39%, 72%)

HSB

hsb(16, 26%, 83%)

CMYK

cmyk(0%, 19%, 26%, 17%)

Oklch

oklch(77.6% 0.052 41.6)

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

#EAB692

Apricot · BurlyWood · Warm Sun

HEX

#EAB692

RGB

rgb(234, 182, 146)

HSL

hsl(25, 68%, 75%)

HSB

hsb(25, 38%, 92%)

CMYK

cmyk(0%, 22%, 38%, 8%)

Oklch

oklch(81.5% 0.077 56.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E72F80

32E798

Analogous

E732DB

E72F80

E73E32

Triadic

E72F80

80E732

3280E7

Split-Comp.

E72F80

32E73E

32DBE7

Tetradic

E72F80

DBE732

32E798

3E32E7

Contrast Matrix WCAG 2.1 Contrast

E72F80	D96A8D	CF9595	D4AC9D	EAB692
—	1.3 Fail	1.6 Fail	2.0 Fail	2.3 Fail
1.3 Fail	—	1.3 Fail	1.6 Fail	1.8 Fail
1.6 Fail	1.3 Fail	—	1.2 Fail	1.4 Fail
2.0 Fail	1.6 Fail	1.2 Fail	—	1.1 Fail
2.3 Fail	1.8 Fail	1.4 Fail	1.1 Fail	—

White BG

4.1AA Large

3.3AA Large

2.5Fail

2.1Fail

1.8Fail

Black BG

5.1AA

6.4AA

8.4AAA

10.2AAA

11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

97966C

A9A885

B6B595

C3C2A1

D3D39B

Deuteranopia

A2B068

AFB883

B9BE95

C5C8A2

D7DA9D

Tritanopia

DE5D5A

D37E7C

CC9595

D2A3A4

E7A2A3

Achromatopsia

6F6F6F

8F8F8F

A6A6A6

B6B6B6

C1C1C1

Shades & Tints Shades & Tints

#E72F80

Dark

Light

#D96A8D

Dark

Light

#CF9595

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e72f80;
  --color-2: #d96a8d;
  --color-3: #cf9595;
  --color-4: #d4ac9d;
  --color-5: #eab692;
}

SCSS

$color-1: #e72f80;
$color-2: #d96a8d;
$color-3: #cf9595;
$color-4: #d4ac9d;
$color-5: #eab692;

TAILWIND

colors: {
  'brand-1': '#e72f80',
  'brand-2': '#d96a8d',
  'brand-3': '#cf9595',
  'brand-4': '#d4ac9d',
  'brand-5': '#eab692',
}

RGB Array

[231, 47, 128], [217, 106, 141], [207, 149, 149], [212, 172, 157], [234, 182, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E72F80, #D96A8D, #CF9595, #D4AC9D, #EAB692 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: #e72f80; --color-2: #d96a8d; --color-3: #cf9595; --color-4: #d4ac9d; --color-5: #eab692. 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 warm-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