← Back to Editor

#BDC5C7 · #A3B492 · #939E76 · #767B5B · #584445

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 PostIllustrationData Visualization

Color Details Color Details

#BDC5C7

Sky Blue · Silver · Pearl Gray

HEX
#BDC5C7
RGB
rgb(189, 197, 199)
HSL
hsl(192, 8%, 76%)
HSB
hsb(192, 5%, 78%)
CMYK
cmyk(5%, 1%, 0%, 22%)
Oklch
oklch(81.8% 0.009 214.3)

Traditional「Sky Blue」· Paint「Pearl Gray」· Creative Silver Lining

#A3B492

Celadon · DarkSeaGreen · Apple Green

HEX
#A3B492
RGB
rgb(163, 180, 146)
HSL
hsl(90, 18%, 64%)
HSB
hsb(90, 19%, 71%)
CMYK
cmyk(9%, 0%, 19%, 29%)
Oklch
oklch(74.8% 0.051 129.3)

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

#939E76

Grass Green · Gray · Olive Green

HEX
#939E76
RGB
rgb(147, 158, 118)
HSL
hsl(77, 17%, 54%)
HSB
hsb(77, 25%, 62%)
CMYK
cmyk(7%, 0%, 25%, 38%)
Oklch
oklch(68.0% 0.058 120.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#767B5B

Autumn Sage · DimGray · Honey Gold

HEX
#767B5B
RGB
rgb(118, 123, 91)
HSL
hsl(69, 15%, 42%)
HSB
hsb(69, 26%, 48%)
CMYK
cmyk(4%, 0%, 26%, 52%)
Oklch
oklch(57.0% 0.047 115.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#584445

Crimson · DarkSlateGray · Wine Red

HEX
#584445
RGB
rgb(88, 68, 69)
HSL
hsl(357, 13%, 31%)
HSB
hsb(357, 23%, 35%)
CMYK
cmyk(0%, 23%, 22%, 65%)
Oklch
oklch(40.8% 0.028 15.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDC5C7
C7BFBD

Analogous

BDC7C4
BDC5C7
BDC0C7

Triadic

BDC5C7
C7BDC5
C5C7BD

Split-Comp.

BDC5C7
C7BDC0
C7C4BD

Tetradic

BDC5C7
C4BDC7
C7BFBD
C0C7BD

Contrast Matrix WCAG 2.1 Contrast

BDC5C7
A3B492
939E76
767B5B
584445
—
1.3
Fail
1.6
Fail
2.5
Fail
5.1
AA
1.3
Fail
—
1.3
Fail
2.0
Fail
4.1
AA Large
1.6
Fail
1.3
Fail
—
1.6
Fail
3.2
AA Large
2.5
Fail
2.0
Fail
1.6
Fail
—
2.0
Fail
5.1
AA
4.1
AA Large
3.2
AA Large
2.0
Fail
—
White BG
1.8Fail
2.2Fail
2.8Fail
4.4AA Large
9.0AAA
Black BG
12.0AAA
9.5AAA
7.4AAA
4.8AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C1C7
AAAB9A
989880
787863
4F4F45

Deuteranopia

C0BFC6
A9A89C
979682
787865
515245

Tritanopia

BDC6C6
A4A1A2
948789
76696A
574545

Achromatopsia

C3C3C3
ABABAB
969696
767676
4A4A4A

Shades & Tints Shades & Tints

#BDC5C7

Dark
Light

#A3B492

Dark
Light

#939E76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdc5c7;
  --color-2: #a3b492;
  --color-3: #939e76;
  --color-4: #767b5b;
  --color-5: #584445;
}

SCSS

$color-1: #bdc5c7;
$color-2: #a3b492;
$color-3: #939e76;
$color-4: #767b5b;
$color-5: #584445;

TAILWIND

colors: {
  'brand-1': '#bdc5c7',
  'brand-2': '#a3b492',
  'brand-3': '#939e76',
  'brand-4': '#767b5b',
  'brand-5': '#584445',
}

RGB Array

[189, 197, 199], [163, 180, 146], [147, 158, 118], [118, 123, 91], [88, 68, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BDC5C7, #A3B492, #939E76, #767B5B, #584445 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #bdc5c7; --color-2: #a3b492; --color-3: #939e76; --color-4: #767b5b; --color-5: #584445. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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