#7FADCF + #94CBE0 + #984E8B + #E3649F + #F29BB5 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#7FADCF

Sky Blue · SkyBlue · Cobalt Blue

HEX

#7FADCF

RGB

rgb(127, 173, 207)

HSL

hsl(206, 45%, 65%)

HSB

hsb(206, 39%, 81%)

CMYK

cmyk(39%, 16%, 0%, 19%)

Oklch

oklch(72.7% 0.070 240.9)

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

#94CBE0

Sky Blue · SkyBlue · Lake Green

HEX

#94CBE0

RGB

rgb(148, 203, 224)

HSL

hsl(197, 55%, 73%)

HSB

hsb(197, 34%, 88%)

CMYK

cmyk(34%, 9%, 0%, 12%)

Oklch

oklch(81.1% 0.064 223.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#984E8B

Rose Purple · Gray · Violet

HEX

#984E8B

RGB

rgb(152, 78, 139)

HSL

hsl(311, 32%, 45%)

HSB

hsb(311, 49%, 60%)

CMYK

cmyk(0%, 49%, 9%, 40%)

Oklch

oklch(53.5% 0.126 334.1)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#E3649F

Rouge · LightCoral · Rose Pink

HEX

#E3649F

RGB

rgb(227, 100, 159)

HSL

hsl(332, 69%, 64%)

HSB

hsb(332, 56%, 89%)

CMYK

cmyk(0%, 56%, 30%, 11%)

Oklch

oklch(67.6% 0.169 353.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F29BB5

Rouge · LightPink · Cherry Blossom

HEX

#F29BB5

RGB

rgb(242, 155, 181)

HSL

hsl(342, 77%, 78%)

HSB

hsb(342, 36%, 95%)

CMYK

cmyk(0%, 36%, 25%, 5%)

Oklch

oklch(78.4% 0.108 0.5)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7FADCF

CEA07E

Analogous

7ECEC9

7FADCF

7E83CE

Triadic

7FADCF

CE7EAB

ABCE7E

Split-Comp.

7FADCF

CE7E83

CEC97E

Tetradic

7FADCF

C97ECE

CEA07E

83CE7E

Contrast Matrix WCAG 2.1 Contrast

7FADCF	94CBE0	984E8B	E3649F	F29BB5
—	1.4 Fail	2.3 Fail	1.3 Fail	1.2 Fail
1.4 Fail	—	3.1 AA Large	1.8 Fail	1.2 Fail
2.3 Fail	3.1 AA Large	—	1.7 Fail	2.7 Fail
1.3 Fail	1.8 Fail	1.7 Fail	—	1.5 Fail
1.2 Fail	1.2 Fail	2.7 Fail	1.5 Fail	—

White BG

2.4Fail

1.8Fail

5.5AA

3.2AA Large

2.1Fail

Black BG

8.8AAA

11.9AAA

3.8AA Large

6.6AA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9393C7

ACACDB

78777C

ACAB91

CCCCAF

Deuteranopia

908DC5

A9A5DA

7C8279

B3BD8D

D1D8AD

Tritanopia

81C0BF

97D7D6

94716E

DD8583

EEAAA9

Achromatopsia

A3A3A3

BDBDBD

6B6B6B

919191

B8B8B8

Shades & Tints Shades & Tints

#7FADCF

Dark

Light

#94CBE0

Dark

Light

#984E8B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7fadcf;
  --color-2: #94cbe0;
  --color-3: #984e8b;
  --color-4: #e3649f;
  --color-5: #f29bb5;
}

SCSS

$color-1: #7fadcf;
$color-2: #94cbe0;
$color-3: #984e8b;
$color-4: #e3649f;
$color-5: #f29bb5;

TAILWIND

colors: {
  'brand-1': '#7fadcf',
  'brand-2': '#94cbe0',
  'brand-3': '#984e8b',
  'brand-4': '#e3649f',
  'brand-5': '#f29bb5',
}

RGB Array

[127, 173, 207], [148, 203, 224], [152, 78, 139], [227, 100, 159], [242, 155, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #7FADCF, #94CBE0, #984E8B, #E3649F, #F29BB5 is ideal for: corporate websites, product showcases, portfolios. 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: #7fadcf; --color-2: #94cbe0; --color-3: #984e8b; --color-4: #e3649f; --color-5: #f29bb5. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 pastel-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