#C12942 + #CF908B + #E5B7AA + #EEEBBE + #E7DCA4 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C12942

Vermilion · Crimson · Passion Red

HEX

#C12942

RGB

rgb(193, 41, 66)

HSL

hsl(350, 65%, 46%)

HSB

hsb(350, 79%, 76%)

CMYK

cmyk(0%, 79%, 66%, 24%)

Oklch

oklch(53.4% 0.186 17.9)

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

#CF908B

Peach Pink · DarkSalmon · Coral Red

HEX

#CF908B

RGB

rgb(207, 144, 139)

HSL

hsl(4, 41%, 68%)

HSB

hsb(4, 33%, 81%)

CMYK

cmyk(0%, 30%, 33%, 19%)

Oklch

oklch(71.4% 0.077 24.2)

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

#E5B7AA

Peach Pink · LightPink · Coral Red

HEX

#E5B7AA

RGB

rgb(229, 183, 170)

HSL

hsl(13, 53%, 78%)

HSB

hsb(13, 26%, 90%)

CMYK

cmyk(0%, 20%, 26%, 10%)

Oklch

oklch(81.7% 0.057 36.3)

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

#EEEBBE

Fresh Green · Wheat · Lemon Cream

HEX

#EEEBBE

RGB

rgb(238, 235, 190)

HSL

hsl(56, 59%, 84%)

HSB

hsb(56, 20%, 93%)

CMYK

cmyk(0%, 1%, 20%, 7%)

Oklch

oklch(93.1% 0.059 104.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E7DCA4

Fresh Green · Wheat · Lemon Cream

HEX

#E7DCA4

RGB

rgb(231, 220, 164)

HSL

hsl(50, 58%, 77%)

HSB

hsb(50, 29%, 91%)

CMYK

cmyk(0%, 5%, 29%, 9%)

Oklch

oklch(89.0% 0.074 98.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C12942

29C2A8

Analogous

C2298F

C12942

C25C29

Triadic

C12942

42C229

2942C2

Split-Comp.

C12942

29C25C

298FC2

Tetradic

C12942

8FC229

29C2A8

5C29C2

Contrast Matrix WCAG 2.1 Contrast

C12942	CF908B	E5B7AA	EEEBBE	E7DCA4
—	2.2 Fail	3.2 AA Large	4.7 AA	4.1 AA Large
2.2 Fail	—	1.5 Fail	2.2 Fail	1.9 Fail
3.2 AA Large	1.5 Fail	—	1.5 Fail	1.3 Fail
4.7 AA	2.2 Fail	1.5 Fail	—	1.1 Fail
4.1 AA Large	1.9 Fail	1.3 Fail	1.1 Fail	—

White BG

5.7AA

2.6Fail

1.8Fail

1.2Fail

1.4Fail

Black BG

3.7AA Large

8.0AAA

11.7AAA

17.3AAA

15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7E3C

B4B38C

D1D1AD

EDEDC9

E2E2B2

Deuteranopia

88933A

B7BC8D

D4D7AE

EDEDCC

E3E4B5

Tritanopia

B93736

CC8D8D

E3B0B0

EED1D3

E6BCBF

Achromatopsia

595959

A2A2A2

C3C3C3

E7E7E7

D9D9D9

Shades & Tints Shades & Tints

#C12942

Dark

Light

#CF908B

Dark

Light

#E5B7AA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c12942;
  --color-2: #cf908b;
  --color-3: #e5b7aa;
  --color-4: #eeebbe;
  --color-5: #e7dca4;
}

SCSS

$color-1: #c12942;
$color-2: #cf908b;
$color-3: #e5b7aa;
$color-4: #eeebbe;
$color-5: #e7dca4;

TAILWIND

colors: {
  'brand-1': '#c12942',
  'brand-2': '#cf908b',
  'brand-3': '#e5b7aa',
  'brand-4': '#eeebbe',
  'brand-5': '#e7dca4',
}

RGB Array

[193, 41, 66], [207, 144, 139], [229, 183, 170], [238, 235, 190], [231, 220, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #C12942, #CF908B, #E5B7AA, #EEEBBE, #E7DCA4 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: #c12942; --color-2: #cf908b; --color-3: #e5b7aa; --color-4: #eeebbe; --color-5: #e7dca4. 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