#F0805F + #D17C79 + #AE7385 + #99C7A9 + #8CECC3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F0805F

Peach Pink · Coral · Coral Red

HEX

#F0805F

RGB

rgb(240, 128, 95)

HSL

hsl(14, 83%, 66%)

HSB

hsb(14, 60%, 94%)

CMYK

cmyk(0%, 47%, 60%, 6%)

Oklch

oklch(71.8% 0.146 37.2)

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

#D17C79

Peach Pink · LightCoral · Coral Red

HEX

#D17C79

RGB

rgb(209, 124, 121)

HSL

hsl(2, 49%, 65%)

HSB

hsb(2, 42%, 82%)

CMYK

cmyk(0%, 41%, 42%, 18%)

Oklch

oklch(67.7% 0.106 22.4)

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

#AE7385

Dark Violet · Gray · Rose Pink

HEX

#AE7385

RGB

rgb(174, 115, 133)

HSL

hsl(342, 27%, 57%)

HSB

hsb(342, 34%, 68%)

CMYK

cmyk(0%, 34%, 24%, 32%)

Oklch

oklch(62.2% 0.078 359.8)

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

#99C7A9

Celadon · DarkSeaGreen · Apple Green

HEX

#99C7A9

RGB

rgb(153, 199, 169)

HSL

hsl(141, 29%, 69%)

HSB

hsb(141, 23%, 78%)

CMYK

cmyk(23%, 0%, 15%, 22%)

Oklch

oklch(78.9% 0.065 156.0)

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

#8CECC3

Jade · SkyBlue · Apple Green

HEX

#8CECC3

RGB

rgb(140, 236, 195)

HSL

hsl(154, 72%, 74%)

HSB

hsb(154, 41%, 93%)

CMYK

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

Oklch

oklch(87.2% 0.109 164.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0805F

60CFF0

Analogous

F06087

F0805F

F0CA60

Triadic

F0805F

60F082

8260F0

Split-Comp.

F0805F

60F0CA

6087F0

Tetradic

F0805F

87F060

60CFF0

CA60F0

Contrast Matrix WCAG 2.1 Contrast

F0805F	D17C79	AE7385	99C7A9	8CECC3
—	1.2 Fail	1.4 Fail	1.4 Fail	1.9 Fail
1.2 Fail	—	1.2 Fail	1.6 Fail	2.2 Fail
1.4 Fail	1.2 Fail	—	2.0 Fail	2.7 Fail
1.4 Fail	1.6 Fail	2.0 Fail	—	1.3 Fail
1.9 Fail	2.2 Fail	2.7 Fail	1.3 Fail	—

White BG

2.6Fail

3.1AA Large

3.8AA Large

1.9Fail

1.4Fail

Black BG

8.0AAA

6.9AA

5.6AA

11.1AAA

14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BE67

ACAB7A

949481

ADADB0

B6B6CD

Deuteranopia

C6CE69

B1B77A

989C80

AAA7B2

B0A9CF

Tritanopia

EA6D6F

CD7A7A

AB7D7C

9BB6B7

91D5D6

Achromatopsia

9E9E9E

959595

878787

B6B6B6

CBCBCB

Shades & Tints Shades & Tints

#F0805F

Dark

Light

#D17C79

Dark

Light

#AE7385

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0805f;
  --color-2: #d17c79;
  --color-3: #ae7385;
  --color-4: #99c7a9;
  --color-5: #8cecc3;
}

SCSS

$color-1: #f0805f;
$color-2: #d17c79;
$color-3: #ae7385;
$color-4: #99c7a9;
$color-5: #8cecc3;

TAILWIND

colors: {
  'brand-1': '#f0805f',
  'brand-2': '#d17c79',
  'brand-3': '#ae7385',
  'brand-4': '#99c7a9',
  'brand-5': '#8cecc3',
}

RGB Array

[240, 128, 95], [209, 124, 121], [174, 115, 133], [153, 199, 169], [140, 236, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0805F, #D17C79, #AE7385, #99C7A9, #8CECC3 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: #f0805f; --color-2: #d17c79; --color-3: #ae7385; --color-4: #99c7a9; --color-5: #8cecc3. 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