← Back to Editor

#B5A7A2 · #E0E0CC · #DBC1AE · #E4A399 · #463946

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#B5A7A2

Apricot · DarkGray · Warm Sun

HEX
#B5A7A2
RGB
rgb(181, 167, 162)
HSL
hsl(16, 11%, 67%)
HSB
hsb(16, 10%, 71%)
CMYK
cmyk(0%, 8%, 10%, 29%)
Oklch
oklch(73.9% 0.018 40.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E0E0CC

Fresh Green · LightGray · Lemon Cream

HEX
#E0E0CC
RGB
rgb(224, 224, 204)
HSL
hsl(60, 24%, 84%)
HSB
hsb(60, 9%, 88%)
CMYK
cmyk(0%, 0%, 9%, 12%)
Oklch
oklch(90.1% 0.027 106.9)

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

#DBC1AE

Apricot · Silver · Peach Orange

HEX
#DBC1AE
RGB
rgb(219, 193, 174)
HSL
hsl(25, 38%, 77%)
HSB
hsb(25, 21%, 86%)
CMYK
cmyk(0%, 12%, 21%, 14%)
Oklch
oklch(82.8% 0.039 58.3)

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

#E4A399

Peach Pink · Tan · Coral Red

HEX
#E4A399
RGB
rgb(228, 163, 153)
HSL
hsl(8, 58%, 75%)
HSB
hsb(8, 33%, 89%)
CMYK
cmyk(0%, 29%, 33%, 11%)
Oklch
oklch(77.5% 0.079 28.8)

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

#463946

Rose Purple · DarkSlateGray · Eggplant

HEX
#463946
RGB
rgb(70, 57, 70)
HSL
hsl(300, 10%, 25%)
HSB
hsb(300, 19%, 27%)
CMYK
cmyk(0%, 19%, 0%, 73%)
Oklch
oklch(36.3% 0.028 326.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5A7A2
A2AFB4

Analogous

B4A2A6
B5A7A2
B4B0A2

Triadic

B5A7A2
A2B4A7
A7A2B4

Split-Comp.

B5A7A2
A2B4B0
A2A6B4

Tetradic

B5A7A2
A6B4A2
A2AFB4
B0A2B4

Contrast Matrix WCAG 2.1 Contrast

B5A7A2
E0E0CC
DBC1AE
E4A399
463946
—
1.7
Fail
1.4
Fail
1.1
Fail
4.7
AA
1.7
Fail
—
1.3
Fail
1.6
Fail
8.1
AAA
1.4
Fail
1.3
Fail
—
1.2
Fail
6.3
AA
1.1
Fail
1.6
Fail
1.2
Fail
—
5.2
AA
4.7
AA
8.1
AAA
6.3
AA
5.2
AA
—
White BG
2.3Fail
1.3Fail
1.7Fail
2.1Fail
10.9AAA
Black BG
9.0AAA
15.7AAA
12.3AAA
10.0AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAFA3
E0E0D1
D0D0B3
C8C79B
404043

Deuteranopia

B0B1A4
E0E0D2
D1D3B4
CCD19C
414242

Tritanopia

B4A4A4
E0D5D6
DAB6B7
E19D9E
454040

Achromatopsia

ABABAB
DEDEDE
C7C7C7
B5B5B5
3E3E3E

Shades & Tints Shades & Tints

#B5A7A2

Dark
Light

#E0E0CC

Dark
Light

#DBC1AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5a7a2;
  --color-2: #e0e0cc;
  --color-3: #dbc1ae;
  --color-4: #e4a399;
  --color-5: #463946;
}

SCSS

$color-1: #b5a7a2;
$color-2: #e0e0cc;
$color-3: #dbc1ae;
$color-4: #e4a399;
$color-5: #463946;

TAILWIND

colors: {
  'brand-1': '#b5a7a2',
  'brand-2': '#e0e0cc',
  'brand-3': '#dbc1ae',
  'brand-4': '#e4a399',
  'brand-5': '#463946',
}

RGB Array

[181, 167, 162], [224, 224, 204], [219, 193, 174], [228, 163, 153], [70, 57, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B5A7A2, #E0E0CC, #DBC1AE, #E4A399, #463946 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #b5a7a2; --color-2: #e0e0cc; --color-3: #dbc1ae; --color-4: #e4a399; --color-5: #463946. 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. 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 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