#7BE8D4 + #95CCC2 + #B0B1B0 + #CA959D + #E57A8B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7BE8D4

Jade · SkyBlue · Lake Green

HEX

#7BE8D4

RGB

rgb(123, 232, 212)

HSL

hsl(169, 70%, 70%)

HSB

hsb(169, 47%, 91%)

CMYK

cmyk(47%, 0%, 9%, 9%)

Oklch

oklch(86.0% 0.105 180.3)

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

#95CCC2

Jade · LightSteelBlue · Lake Green

HEX

#95CCC2

RGB

rgb(149, 204, 194)

HSL

hsl(169, 35%, 69%)

HSB

hsb(169, 27%, 80%)

CMYK

cmyk(27%, 0%, 5%, 20%)

Oklch

oklch(80.4% 0.059 182.3)

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

#B0B1B0

Ash · DarkGray · Silver Sand

HEX

#B0B1B0

RGB

rgb(176, 177, 176)

HSL

hsl(120, 1%, 69%)

HSB

hsb(120, 1%, 69%)

CMYK

cmyk(1%, 0%, 1%, 31%)

Oklch

oklch(75.9% 0.002 145.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#CA959D

Peach Pink · Tan · Coral Red

HEX

#CA959D

RGB

rgb(202, 149, 157)

HSL

hsl(351, 33%, 69%)

HSB

hsb(351, 26%, 79%)

CMYK

cmyk(0%, 26%, 22%, 21%)

Oklch

oklch(72.3% 0.065 8.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E57A8B

Peach Pink · LightCoral · Coral Red

HEX

#E57A8B

RGB

rgb(229, 122, 139)

HSL

hsl(350, 67%, 69%)

HSB

hsb(350, 47%, 90%)

CMYK

cmyk(0%, 47%, 39%, 10%)

Oklch

oklch(70.4% 0.133 11.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7BE8D4

E87D91

Analogous

7DE89F

7BE8D4

7DC6E8

Triadic

7BE8D4

D47DE8

E8D47D

Split-Comp.

7BE8D4

E87DC6

E89F7D

Tetradic

7BE8D4

9F7DE8

E87D91

C6E87D

Contrast Matrix WCAG 2.1 Contrast

7BE8D4	95CCC2	B0B1B0	CA959D	E57A8B
—	1.2 Fail	1.5 Fail	1.7 Fail	1.9 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.5 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.9 Fail	1.6 Fail	1.3 Fail	1.1 Fail	—

White BG

1.5Fail

1.8Fail

2.2Fail

2.5Fail

2.8Fail

Black BG

14.3AAA

11.7AAA

9.8AAA

8.3AAA

7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAABD9

ADADC4

B0B0B0

B3B39B

B7B687

Deuteranopia

A49CDA

AAA6C5

B0B0B0

B6BA9B

BDC586

Tritanopia

80DDDE

98C6C7

B0B0B0

C79A99

E08483

Achromatopsia

C5C5C5

BABABA

B1B1B1

A6A6A6

9C9C9C

Shades & Tints Shades & Tints

#7BE8D4

Dark

Light

#95CCC2

Dark

Light

#B0B1B0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7be8d4;
  --color-2: #95ccc2;
  --color-3: #b0b1b0;
  --color-4: #ca959d;
  --color-5: #e57a8b;
}

SCSS

$color-1: #7be8d4;
$color-2: #95ccc2;
$color-3: #b0b1b0;
$color-4: #ca959d;
$color-5: #e57a8b;

TAILWIND

colors: {
  'brand-1': '#7be8d4',
  'brand-2': '#95ccc2',
  'brand-3': '#b0b1b0',
  'brand-4': '#ca959d',
  'brand-5': '#e57a8b',
}

RGB Array

[123, 232, 212], [149, 204, 194], [176, 177, 176], [202, 149, 157], [229, 122, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7BE8D4, #95CCC2, #B0B1B0, #CA959D, #E57A8B 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: #7be8d4; --color-2: #95ccc2; --color-3: #b0b1b0; --color-4: #ca959d; --color-5: #e57a8b. 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