← Back to Editor

#BEBFAE · #AAB3AA · #7899A1 · #995D78 · #C02E43

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

#BEBFAE

Fresh Green · Silver · Sunflower

HEX
#BEBFAE
RGB
rgb(190, 191, 174)
HSL
hsl(64, 12%, 72%)
HSB
hsb(64, 9%, 75%)
CMYK
cmyk(1%, 0%, 9%, 25%)
Oklch
oklch(79.9% 0.023 109.7)

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

#AAB3AA

Ash · DarkGray · Silver Sand

HEX
#AAB3AA
RGB
rgb(170, 179, 170)
HSL
hsl(120, 6%, 68%)
HSB
hsb(120, 5%, 70%)
CMYK
cmyk(5%, 0%, 5%, 30%)
Oklch
oklch(75.7% 0.016 145.4)

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

#7899A1

Slate Blue · LightSlateGray · Lake Green

HEX
#7899A1
RGB
rgb(120, 153, 161)
HSL
hsl(192, 18%, 55%)
HSB
hsb(192, 25%, 63%)
CMYK
cmyk(25%, 5%, 0%, 37%)
Oklch
oklch(66.1% 0.038 214.2)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#995D78

Dark Violet · Gray · Camellia

HEX
#995D78
RGB
rgb(153, 93, 120)
HSL
hsl(333, 24%, 48%)
HSB
hsb(333, 39%, 60%)
CMYK
cmyk(0%, 39%, 22%, 40%)
Oklch
oklch(55.4% 0.086 351.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#C02E43

Vermilion · Brown · Passion Red

HEX
#C02E43
RGB
rgb(192, 46, 67)
HSL
hsl(351, 61%, 47%)
HSB
hsb(351, 76%, 75%)
CMYK
cmyk(0%, 76%, 65%, 25%)
Oklch
oklch(53.6% 0.181 18.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEBFAE
B0AFC0

Analogous

C0B9AF
BEBFAE
B6C0AF

Triadic

BEBFAE
AFBFC0
C0AFBF

Split-Comp.

BEBFAE
AFB6C0
B9AFC0

Tetradic

BEBFAE
AFC0B9
B0AFC0
C0AFB6

Contrast Matrix WCAG 2.1 Contrast

BEBFAE
AAB3AA
7899A1
995D78
C02E43
—
1.2
Fail
1.6
Fail
2.7
Fail
3.0
AA Large
1.2
Fail
—
1.4
Fail
2.3
Fail
2.6
Fail
1.6
Fail
1.4
Fail
—
1.6
Fail
1.9
Fail
2.7
Fail
2.3
Fail
1.6
Fail
—
1.1
Fail
3.0
AA Large
2.6
Fail
1.9
Fail
1.1
Fail
—
White BG
1.9Fail
2.2Fail
3.1AA Large
5.0AA
5.7AA
Black BG
11.3AAA
9.7AAA
6.9AA
4.2AA Large
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBEB2
AEAEAC
86879F
7F7E71
817F3E

Deuteranopia

BEBEB3
ADADAD
84829F
838770
89943D

Tritanopia

BEB5B6
AAAEAE
7A9E9D
966C6B
B93A39

Achromatopsia

BDBDBD
AFAFAF
909090
727272
5C5C5C

Shades & Tints Shades & Tints

#BEBFAE

Dark
Light

#AAB3AA

Dark
Light

#7899A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bebfae;
  --color-2: #aab3aa;
  --color-3: #7899a1;
  --color-4: #995d78;
  --color-5: #c02e43;
}

SCSS

$color-1: #bebfae;
$color-2: #aab3aa;
$color-3: #7899a1;
$color-4: #995d78;
$color-5: #c02e43;

TAILWIND

colors: {
  'brand-1': '#bebfae',
  'brand-2': '#aab3aa',
  'brand-3': '#7899a1',
  'brand-4': '#995d78',
  'brand-5': '#c02e43',
}

RGB Array

[190, 191, 174], [170, 179, 170], [120, 153, 161], [153, 93, 120], [192, 46, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BEBFAE, #AAB3AA, #7899A1, #995D78, #C02E43 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: #bebfae; --color-2: #aab3aa; --color-3: #7899a1; --color-4: #995d78; --color-5: #c02e43. 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