← Back to Editor

#6C797F · #838379 · #76606C · #BB826F · #E48B85

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#6C797F

Slate Blue · SlateGray · Warm Gray

HEX
#6C797F
RGB
rgb(108, 121, 127)
HSL
hsl(199, 8%, 46%)
HSB
hsb(199, 15%, 50%)
CMYK
cmyk(15%, 5%, 0%, 50%)
Oklch
oklch(56.7% 0.018 227.2)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#838379

Ink Gray · Gray · Warm Gray

HEX
#838379
RGB
rgb(131, 131, 121)
HSL
hsl(60, 4%, 49%)
HSB
hsb(60, 8%, 51%)
CMYK
cmyk(0%, 0%, 8%, 49%)
Oklch
oklch(60.7% 0.015 106.8)

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

#76606C

Rose Purple · DimGray · Camellia

HEX
#76606C
RGB
rgb(118, 96, 108)
HSL
hsl(327, 10%, 42%)
HSB
hsb(327, 19%, 46%)
CMYK
cmyk(0%, 19%, 8%, 54%)
Oklch
oklch(51.5% 0.033 344.4)

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

#BB826F

Tangerine · DarkSalmon · Warm Sun

HEX
#BB826F
RGB
rgb(187, 130, 111)
HSL
hsl(15, 36%, 58%)
HSB
hsb(15, 41%, 73%)
CMYK
cmyk(0%, 30%, 41%, 27%)
Oklch
oklch(65.9% 0.076 39.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E48B85

Peach Pink · DarkSalmon · Coral Red

HEX
#E48B85
RGB
rgb(228, 139, 133)
HSL
hsl(4, 64%, 71%)
HSB
hsb(4, 42%, 89%)
CMYK
cmyk(0%, 39%, 42%, 11%)
Oklch
oklch(72.8% 0.110 24.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C797F
7F726C

Analogous

6C7F7B
6C797F
6C6F7F

Triadic

6C797F
7F6C79
797F6C

Split-Comp.

6C797F
7F6C6F
7F7B6C

Tetradic

6C797F
7B6C7F
7F726C
6F7F6C

Contrast Matrix WCAG 2.1 Contrast

6C797F
838379
76606C
BB826F
E48B85
—
1.2
Fail
1.3
Fail
1.4
Fail
1.8
Fail
1.2
Fail
—
1.5
Fail
1.2
Fail
1.5
Fail
1.3
Fail
1.5
Fail
—
1.8
Fail
2.3
Fail
1.4
Fail
1.2
Fail
1.8
Fail
—
1.3
Fail
1.8
Fail
1.5
Fail
2.3
Fail
1.3
Fail
—
White BG
4.5AA Large
3.8AA Large
5.7AA
3.2AA Large
2.5Fail
Black BG
4.7AA
5.5AA
3.7AA Large
6.5AA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

72727E
83837B
6C6C69
A2A274
BDBD86

Deuteranopia

71707D
83837C
6E6F68
A6AA75
C3C987

Tritanopia

6D7C7C
837D7E
756766
B87778
E08888

Achromatopsia

767676
828282
686868
919191
A5A5A5

Shades & Tints Shades & Tints

#6C797F

Dark
Light

#838379

Dark
Light

#76606C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c797f;
  --color-2: #838379;
  --color-3: #76606c;
  --color-4: #bb826f;
  --color-5: #e48b85;
}

SCSS

$color-1: #6c797f;
$color-2: #838379;
$color-3: #76606c;
$color-4: #bb826f;
$color-5: #e48b85;

TAILWIND

colors: {
  'brand-1': '#6c797f',
  'brand-2': '#838379',
  'brand-3': '#76606c',
  'brand-4': '#bb826f',
  'brand-5': '#e48b85',
}

RGB Array

[108, 121, 127], [131, 131, 121], [118, 96, 108], [187, 130, 111], [228, 139, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #6C797F, #838379, #76606C, #BB826F, #E48B85 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6c797f; --color-2: #838379; --color-3: #76606c; --color-4: #bb826f; --color-5: #e48b85. 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. Restrained colors convey professionalism and trust. 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