#FF5252 + #EE7C78 + #DDA39B + #D0BFB5 + #C3DFD2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FF5252

Peach Pink · Tomato · Coral Red

HEX

#FF5252

RGB

rgb(255, 82, 82)

HSL

hsl(0, 100%, 66%)

HSB

hsb(0, 68%, 100%)

CMYK

cmyk(0%, 68%, 68%, 0%)

Oklch

oklch(67.9% 0.209 24.7)

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

#EE7C78

Peach Pink · LightCoral · Coral Red

HEX

#EE7C78

RGB

rgb(238, 124, 120)

HSL

hsl(2, 78%, 70%)

HSB

hsb(2, 50%, 93%)

CMYK

cmyk(0%, 48%, 50%, 7%)

Oklch

oklch(71.4% 0.141 23.3)

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

#DDA39B

Peach Pink · Tan · Coral Red

HEX

#DDA39B

RGB

rgb(221, 163, 155)

HSL

hsl(7, 49%, 74%)

HSB

hsb(7, 30%, 87%)

CMYK

cmyk(0%, 26%, 30%, 13%)

Oklch

oklch(76.8% 0.070 27.7)

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

#D0BFB5

Apricot · Silver · Peach Orange

HEX

#D0BFB5

RGB

rgb(208, 191, 181)

HSL

hsl(22, 22%, 76%)

HSB

hsb(22, 13%, 82%)

CMYK

cmyk(0%, 8%, 13%, 18%)

Oklch

oklch(81.6% 0.024 52.6)

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

#C3DFD2

Jade · LightGray · Mint Green

HEX

#C3DFD2

RGB

rgb(195, 223, 210)

HSL

hsl(152, 30%, 82%)

HSB

hsb(152, 13%, 87%)

CMYK

cmyk(13%, 0%, 6%, 13%)

Oklch

oklch(87.9% 0.035 165.9)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF5252

52FFFF

Analogous

FF52A8

FF5252

FFA852

Triadic

FF5252

52FF52

5252FF

Split-Comp.

FF5252

52FFA8

52A8FF

Tetradic

FF5252

A8FF52

52FFFF

A852FF

Contrast Matrix WCAG 2.1 Contrast

FF5252	EE7C78	DDA39B	D0BFB5	C3DFD2
—	1.2 Fail	1.5 Fail	1.8 Fail	2.2 Fail
1.2 Fail	—	1.3 Fail	1.5 Fail	1.9 Fail
1.5 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
1.8 Fail	1.5 Fail	1.2 Fail	—	1.3 Fail
2.2 Fail	1.9 Fail	1.5 Fail	1.3 Fail	—

White BG

3.2AA Large

2.7Fail

2.1Fail

1.8Fail

1.4Fail

Black BG

6.6AA

7.8AAA

9.8AAA

11.8AAA

14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B352

BDBC79

C4C39D

C9C8B7

CFCFD5

Deuteranopia

BECB52

C3CC79

C7CC9D

CACBB8

CECBD6

Tritanopia

F65252

E87A7A

DA9E9F

CFB9BA

C4D8D8

Achromatopsia

868686

9E9E9E

B3B3B3

C3C3C3

D5D5D5

Shades & Tints Shades & Tints

#FF5252

Dark

Light

#EE7C78

Dark

Light

#DDA39B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff5252;
  --color-2: #ee7c78;
  --color-3: #dda39b;
  --color-4: #d0bfb5;
  --color-5: #c3dfd2;
}

SCSS

$color-1: #ff5252;
$color-2: #ee7c78;
$color-3: #dda39b;
$color-4: #d0bfb5;
$color-5: #c3dfd2;

TAILWIND

colors: {
  'brand-1': '#ff5252',
  'brand-2': '#ee7c78',
  'brand-3': '#dda39b',
  'brand-4': '#d0bfb5',
  'brand-5': '#c3dfd2',
}

RGB Array

[255, 82, 82], [238, 124, 120], [221, 163, 155], [208, 191, 181], [195, 223, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF5252, #EE7C78, #DDA39B, #D0BFB5, #C3DFD2 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: #ff5252; --color-2: #ee7c78; --color-3: #dda39b; --color-4: #d0bfb5; --color-5: #c3dfd2. 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