← Back to Editor

#6A6D7E · #A79E8D · #D8D6BF · #D2C1B9 · #BFA0A5

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

#6A6D7E

Indigo · DimGray · Warm Gray

HEX
#6A6D7E
RGB
rgb(106, 109, 126)
HSL
hsl(231, 9%, 45%)
HSB
hsb(231, 16%, 49%)
CMYK
cmyk(16%, 13%, 0%, 51%)
Oklch
oklch(53.8% 0.027 277.5)

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

#A79E8D

Ginger · DarkGray · Warm Sun

HEX
#A79E8D
RGB
rgb(167, 158, 141)
HSL
hsl(39, 13%, 60%)
HSB
hsb(39, 16%, 65%)
CMYK
cmyk(0%, 5%, 16%, 35%)
Oklch
oklch(70.2% 0.026 83.4)

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

#D8D6BF

Fresh Green · LightGray · Lemon Cream

HEX
#D8D6BF
RGB
rgb(216, 214, 191)
HSL
hsl(55, 24%, 80%)
HSB
hsb(55, 12%, 85%)
CMYK
cmyk(0%, 1%, 12%, 15%)
Oklch
oklch(87.1% 0.031 103.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D2C1B9

Apricot · Silver · Peach Orange

HEX
#D2C1B9
RGB
rgb(210, 193, 185)
HSL
hsl(19, 22%, 77%)
HSB
hsb(19, 12%, 82%)
CMYK
cmyk(0%, 8%, 12%, 18%)
Oklch
oklch(82.3% 0.022 46.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#BFA0A5

Peach Pink · DarkGray · Coral Red

HEX
#BFA0A5
RGB
rgb(191, 160, 165)
HSL
hsl(350, 19%, 69%)
HSB
hsb(350, 16%, 75%)
CMYK
cmyk(0%, 16%, 14%, 25%)
Oklch
oklch(73.5% 0.037 7.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A6D7E
7D7A68

Analogous

68767D
6A6D7E
70687D

Triadic

6A6D7E
7D686C
6C7D68

Split-Comp.

6A6D7E
7D7068
767D68

Tetradic

6A6D7E
7D6876
7D7A68
687D70

Contrast Matrix WCAG 2.1 Contrast

6A6D7E
A79E8D
D8D6BF
D2C1B9
BFA0A5
—
1.9
Fail
3.5
AA Large
2.9
Fail
2.1
Fail
1.9
Fail
—
1.8
Fail
1.5
Fail
1.1
Fail
3.5
AA Large
1.8
Fail
—
1.2
Fail
1.6
Fail
2.9
Fail
1.5
Fail
1.2
Fail
—
1.4
Fail
2.1
Fail
1.1
Fail
1.6
Fail
1.4
Fail
—
White BG
5.1AA
2.7Fail
1.5Fail
1.7Fail
2.4Fail
Black BG
4.1AA Large
7.9AAA
14.3AAA
12.1AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6B7A
A3A391
D7D7C5
CBCABB
B2B1A4

Deuteranopia

6B6B79
A4A492
D7D7C6
CCCDBB
B3B6A4

Tritanopia

6A7776
A79495
D8C9CA
D1BCBD
BDA3A3

Achromatopsia

6E6E6E
9F9F9F
D4D4D4
C5C5C5
AAAAAA

Shades & Tints Shades & Tints

#6A6D7E

Dark
Light

#A79E8D

Dark
Light

#D8D6BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a6d7e;
  --color-2: #a79e8d;
  --color-3: #d8d6bf;
  --color-4: #d2c1b9;
  --color-5: #bfa0a5;
}

SCSS

$color-1: #6a6d7e;
$color-2: #a79e8d;
$color-3: #d8d6bf;
$color-4: #d2c1b9;
$color-5: #bfa0a5;

TAILWIND

colors: {
  'brand-1': '#6a6d7e',
  'brand-2': '#a79e8d',
  'brand-3': '#d8d6bf',
  'brand-4': '#d2c1b9',
  'brand-5': '#bfa0a5',
}

RGB Array

[106, 109, 126], [167, 158, 141], [216, 214, 191], [210, 193, 185], [191, 160, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #6A6D7E, #A79E8D, #D8D6BF, #D2C1B9, #BFA0A5 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #6a6d7e; --color-2: #a79e8d; --color-3: #d8d6bf; --color-4: #d2c1b9; --color-5: #bfa0a5. 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 pastel-style 5-color scheme is especially suited for beauty, lifestyle, arts 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