#C95B87 + #9399A6 + #4CCFCA + #FFF7C4 + #E3B1B1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C95B87

Dark Violet · LightCoral · Rose Pink

HEX

#C95B87

RGB

rgb(201, 91, 135)

HSL

hsl(336, 50%, 57%)

HSB

hsb(336, 55%, 79%)

CMYK

cmyk(0%, 55%, 33%, 21%)

Oklch

oklch(62.0% 0.147 357.1)

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

#9399A6

Azure · DarkGray · Cobalt Blue

HEX

#9399A6

RGB

rgb(147, 153, 166)

HSL

hsl(221, 10%, 61%)

HSB

hsb(221, 11%, 65%)

CMYK

cmyk(11%, 8%, 0%, 35%)

Oklch

oklch(68.2% 0.020 265.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#4CCFCA

Mineral Blue · MediumTurquoise · Lake Green

HEX

#4CCFCA

RGB

rgb(76, 207, 202)

HSL

hsl(178, 58%, 55%)

HSB

hsb(178, 63%, 81%)

CMYK

cmyk(63%, 0%, 2%, 19%)

Oklch

oklch(78.2% 0.113 191.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#FFF7C4

Fresh Green · Bisque · Lemon Cream

HEX

#FFF7C4

RGB

rgb(255, 247, 196)

HSL

hsl(52, 100%, 88%)

HSB

hsb(52, 23%, 100%)

CMYK

cmyk(0%, 3%, 23%, 0%)

Oklch

oklch(97.0% 0.066 100.1)

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

#E3B1B1

Peach Pink · LightPink · Coral Red

HEX

#E3B1B1

RGB

rgb(227, 177, 177)

HSL

hsl(0, 47%, 79%)

HSB

hsb(0, 22%, 89%)

CMYK

cmyk(0%, 22%, 22%, 11%)

Oklch

oklch(80.6% 0.058 18.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C95B87

5BC89C

Analogous

C85BBD

C95B87

C8655B

Triadic

C95B87

86C85B

5B86C8

Split-Comp.

C95B87

5BC865

5BBDC8

Tetradic

C95B87

BDC85B

5BC89C

655BC8

Contrast Matrix WCAG 2.1 Contrast

C95B87	9399A6	4CCFCA	FFF7C4	E3B1B1
—	1.4 Fail	2.1 Fail	3.6 AA Large	2.1 Fail
1.4 Fail	—	1.5 Fail	2.6 Fail	1.5 Fail
2.1 Fail	1.5 Fail	—	1.7 Fail	1.0 Fail
3.6 AA Large	2.6 Fail	1.7 Fail	—	1.7 Fail
2.1 Fail	1.5 Fail	1.0 Fail	1.7 Fail	—

White BG

3.9AA Large

2.9Fail

1.9Fail

1.1Fail

1.9Fail

Black BG

5.3AA

7.3AAA

11.1AAA

19.4AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

99987C

9696A3

8586CB

FCFBD0

CDCDB1

Deuteranopia

A0A87A

9595A2

7D73CB

FCFDD3

D0D4B1

Tritanopia

C47472

93A0A0

53CCCC

FFDADC

E0B1B1

Achromatopsia

818181

999999

A7A7A7

F4F4F4

C0C0C0

Shades & Tints Shades & Tints

#C95B87

Dark

Light

#9399A6

Dark

Light

#4CCFCA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c95b87;
  --color-2: #9399a6;
  --color-3: #4ccfca;
  --color-4: #fff7c4;
  --color-5: #e3b1b1;
}

SCSS

$color-1: #c95b87;
$color-2: #9399a6;
$color-3: #4ccfca;
$color-4: #fff7c4;
$color-5: #e3b1b1;

TAILWIND

colors: {
  'brand-1': '#c95b87',
  'brand-2': '#9399a6',
  'brand-3': '#4ccfca',
  'brand-4': '#fff7c4',
  'brand-5': '#e3b1b1',
}

RGB Array

[201, 91, 135], [147, 153, 166], [76, 207, 202], [255, 247, 196], [227, 177, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C95B87, #9399A6, #4CCFCA, #FFF7C4, #E3B1B1 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: #c95b87; --color-2: #9399a6; --color-3: #4ccfca; --color-4: #fff7c4; --color-5: #e3b1b1. 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