← Back to Editor

#BDB99B · #A1859F · #AB969F · #AAA8B3 · #A6BFBF

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

#BDB99B

Fresh Green · Tan · Sunflower

HEX
#BDB99B
RGB
rgb(189, 185, 155)
HSL
hsl(53, 20%, 67%)
HSB
hsb(53, 18%, 74%)
CMYK
cmyk(0%, 2%, 18%, 26%)
Oklch
oklch(78.1% 0.041 101.0)

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

#A1859F

Rose Purple · DarkGray · Violet

HEX
#A1859F
RGB
rgb(161, 133, 159)
HSL
hsl(304, 13%, 58%)
HSB
hsb(304, 17%, 63%)
CMYK
cmyk(0%, 17%, 1%, 37%)
Oklch
oklch(65.1% 0.050 328.4)

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

#AB969F

Rouge · DarkGray · Rose Pink

HEX
#AB969F
RGB
rgb(171, 150, 159)
HSL
hsl(334, 11%, 63%)
HSB
hsb(334, 12%, 67%)
CMYK
cmyk(0%, 12%, 7%, 33%)
Oklch
oklch(69.4% 0.028 350.1)

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

#AAA8B3

Ash · DarkGray · Silver Sand

HEX
#AAA8B3
RGB
rgb(170, 168, 179)
HSL
hsl(251, 7%, 68%)
HSB
hsb(251, 6%, 70%)
CMYK
cmyk(5%, 6%, 0%, 30%)
Oklch
oklch(73.7% 0.016 294.4)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#A6BFBF

Sky Blue · Silver · Lake Green

HEX
#A6BFBF
RGB
rgb(166, 191, 191)
HSL
hsl(180, 16%, 70%)
HSB
hsb(180, 13%, 75%)
CMYK
cmyk(13%, 0%, 0%, 25%)
Oklch
oklch(78.6% 0.027 196.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDB99B
9A9EBC

Analogous

BCA79A
BDB99B
AFBC9A

Triadic

BDB99B
9ABCB8
B89ABC

Split-Comp.

BDB99B
9AAFBC
A79ABC

Tetradic

BDB99B
9ABCA7
9A9EBC
BC9AAF

Contrast Matrix WCAG 2.1 Contrast

BDB99B
A1859F
AB969F
AAA8B3
A6BFBF
—
1.7
Fail
1.4
Fail
1.2
Fail
1.0
Fail
1.7
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.0
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
2.0Fail
3.3AA Large
2.8Fail
2.3Fail
1.9Fail
Black BG
10.6AAA
6.4AA
7.6AAA
9.0AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBBA2
959599
A2A29D
A9A9B0
B1B1BF

Deuteranopia

BCBCA4
979997
A3A59C
A9A9B0
AFAEBF

Tritanopia

BDA8A9
A09493
AA9B9B
AAAEAE
A7BFBF

Achromatopsia

B7B7B7
909090
9D9D9D
AAAAAA
B8B8B8

Shades & Tints Shades & Tints

#BDB99B

Dark
Light

#A1859F

Dark
Light

#AB969F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdb99b;
  --color-2: #a1859f;
  --color-3: #ab969f;
  --color-4: #aaa8b3;
  --color-5: #a6bfbf;
}

SCSS

$color-1: #bdb99b;
$color-2: #a1859f;
$color-3: #ab969f;
$color-4: #aaa8b3;
$color-5: #a6bfbf;

TAILWIND

colors: {
  'brand-1': '#bdb99b',
  'brand-2': '#a1859f',
  'brand-3': '#ab969f',
  'brand-4': '#aaa8b3',
  'brand-5': '#a6bfbf',
}

RGB Array

[189, 185, 155], [161, 133, 159], [171, 150, 159], [170, 168, 179], [166, 191, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BDB99B, #A1859F, #AB969F, #AAA8B3, #A6BFBF 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: #bdb99b; --color-2: #a1859f; --color-3: #ab969f; --color-4: #aaa8b3; --color-5: #a6bfbf. 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