← Back to Editor

#7A6F7C · #B0508F · #FA5091 · #CB8EA0 · #A5B9AA

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#7A6F7C

Ink Gray · Gray · Warm Gray

HEX
#7A6F7C
RGB
rgb(122, 111, 124)
HSL
hsl(291, 6%, 46%)
HSB
hsb(291, 10%, 49%)
CMYK
cmyk(2%, 10%, 0%, 51%)
Oklch
oklch(55.6% 0.024 321.0)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#B0508F

Rose Purple · MediumVioletRed · Camellia

HEX
#B0508F
RGB
rgb(176, 80, 143)
HSL
hsl(321, 38%, 50%)
HSB
hsb(321, 55%, 69%)
CMYK
cmyk(0%, 55%, 19%, 31%)
Oklch
oklch(57.2% 0.146 342.6)

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

#FA5091

Rouge · LightCoral · Rose Pink

HEX
#FA5091
RGB
rgb(250, 80, 145)
HSL
hsl(337, 94%, 65%)
HSB
hsb(337, 68%, 98%)
CMYK
cmyk(0%, 68%, 42%, 2%)
Oklch
oklch(68.3% 0.211 1.1)

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

#CB8EA0

Rouge · Tan · Rose Pink

HEX
#CB8EA0
RGB
rgb(203, 142, 160)
HSL
hsl(342, 37%, 68%)
HSB
hsb(342, 30%, 80%)
CMYK
cmyk(0%, 30%, 21%, 20%)
Oklch
oklch(71.2% 0.077 360.0)

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

#A5B9AA

Celadon · DarkGray · Apple Green

HEX
#A5B9AA
RGB
rgb(165, 185, 170)
HSL
hsl(135, 12%, 69%)
HSB
hsb(135, 11%, 73%)
CMYK
cmyk(11%, 0%, 8%, 27%)
Oklch
oklch(76.6% 0.031 153.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A6F7C
707C6E

Analogous

736E7C
7A6F7C
7C6E77

Triadic

7A6F7C
7C7A6E
6E7C7A

Split-Comp.

7A6F7C
777C6E
6E7C73

Tetradic

7A6F7C
7C736E
707C6E
6E777C

Contrast Matrix WCAG 2.1 Contrast

7A6F7C
B0508F
FA5091
CB8EA0
A5B9AA
—
1.0
Fail
1.5
Fail
1.8
Fail
2.3
Fail
1.0
Fail
—
1.5
Fail
1.8
Fail
2.3
Fail
1.5
Fail
1.5
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
2.3
Fail
2.3
Fail
1.5
Fail
1.3
Fail
—
White BG
4.8AA
4.8AA
3.2AA Large
2.7Fail
2.1Fail
Black BG
4.4AA Large
4.4AA Large
6.6AA
7.9AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

757579
868680
B0AF81
B1B09C
AEAEAE

Deuteranopia

767778
8C937C
BAC77E
B4B99B
ADABAF

Tritanopia

797676
AB7471
F27572
C89897
A6B0B1

Achromatopsia

747474
747474
8A8A8A
A2A2A2
B1B1B1

Shades & Tints Shades & Tints

#7A6F7C

Dark
Light

#B0508F

Dark
Light

#FA5091

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a6f7c;
  --color-2: #b0508f;
  --color-3: #fa5091;
  --color-4: #cb8ea0;
  --color-5: #a5b9aa;
}

SCSS

$color-1: #7a6f7c;
$color-2: #b0508f;
$color-3: #fa5091;
$color-4: #cb8ea0;
$color-5: #a5b9aa;

TAILWIND

colors: {
  'brand-1': '#7a6f7c',
  'brand-2': '#b0508f',
  'brand-3': '#fa5091',
  'brand-4': '#cb8ea0',
  'brand-5': '#a5b9aa',
}

RGB Array

[122, 111, 124], [176, 80, 143], [250, 80, 145], [203, 142, 160], [165, 185, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #7A6F7C, #B0508F, #FA5091, #CB8EA0, #A5B9AA 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: #7a6f7c; --color-2: #b0508f; --color-3: #fa5091; --color-4: #cb8ea0; --color-5: #a5b9aa. 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