← Back to Editor

#B5AD65 · #C7B48F · #D9C1B2 · #E8D8D8 · #E8E8E8

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 PostIllustration

Color Details Color Details

#B5AD65

Autumn Sage · Tan · Sunflower

HEX
#B5AD65
RGB
rgb(181, 173, 101)
HSL
hsl(54, 35%, 55%)
HSB
hsb(54, 44%, 71%)
CMYK
cmyk(0%, 4%, 44%, 29%)
Oklch
oklch(73.8% 0.094 102.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#C7B48F

Ginger · Tan · Sunflower

HEX
#C7B48F
RGB
rgb(199, 180, 143)
HSL
hsl(40, 33%, 67%)
HSB
hsb(40, 28%, 78%)
CMYK
cmyk(0%, 10%, 28%, 22%)
Oklch
oklch(77.7% 0.055 83.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#D9C1B2

Apricot · Silver · Peach Orange

HEX
#D9C1B2
RGB
rgb(217, 193, 178)
HSL
hsl(23, 34%, 77%)
HSB
hsb(23, 18%, 85%)
CMYK
cmyk(0%, 11%, 18%, 15%)
Oklch
oklch(82.7% 0.034 54.1)

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

#E8D8D8

Peach Pink · LightGray · Cherry Blossom

HEX
#E8D8D8
RGB
rgb(232, 216, 216)
HSL
hsl(0, 26%, 88%)
HSB
hsb(0, 7%, 91%)
CMYK
cmyk(0%, 7%, 7%, 9%)
Oklch
oklch(89.5% 0.018 17.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E8E8E8

Plain White · Lavender · Cloud White

HEX
#E8E8E8
RGB
rgb(232, 232, 232)
HSL
hsl(0, 0%, 91%)
HSB
hsb(0, 0%, 91%)
CMYK
cmyk(0%, 0%, 0%, 9%)
Oklch
oklch(93.1% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5AD65
646CB4

Analogous

B48464
B5AD65
94B464

Triadic

B5AD65
64B4AC
AC64B4

Split-Comp.

B5AD65
6494B4
8464B4

Tetradic

B5AD65
64B484
646CB4
B46494

Contrast Matrix WCAG 2.1 Contrast

B5AD65
C7B48F
D9C1B2
E8D8D8
E8E8E8
—
1.1
Fail
1.3
Fail
1.7
Fail
1.9
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.9
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
White BG
2.3Fail
2.0Fail
1.7Fail
1.4Fail
1.2Fail
Black BG
9.1AAA
10.4AAA
12.2AAA
15.2AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B176
BFBF98
CFCEB6
E1E1D8
E8E8E8

Deuteranopia

B2B37B
C0C19A
D0D2B7
E2E3D8
E8E8E8

Tritanopia

B58487
C69FA1
D8B8B9
E7D8D8
E8E8E8

Achromatopsia

A7A7A7
B5B5B5
C6C6C6
DDDDDD
E8E8E8

Shades & Tints Shades & Tints

#B5AD65

Dark
Light

#C7B48F

Dark
Light

#D9C1B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5ad65;
  --color-2: #c7b48f;
  --color-3: #d9c1b2;
  --color-4: #e8d8d8;
  --color-5: #e8e8e8;
}

SCSS

$color-1: #b5ad65;
$color-2: #c7b48f;
$color-3: #d9c1b2;
$color-4: #e8d8d8;
$color-5: #e8e8e8;

TAILWIND

colors: {
  'brand-1': '#b5ad65',
  'brand-2': '#c7b48f',
  'brand-3': '#d9c1b2',
  'brand-4': '#e8d8d8',
  'brand-5': '#e8e8e8',
}

RGB Array

[181, 173, 101], [199, 180, 143], [217, 193, 178], [232, 216, 216], [232, 232, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B5AD65, #C7B48F, #D9C1B2, #E8D8D8, #E8E8E8 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: #b5ad65; --color-2: #c7b48f; --color-3: #d9c1b2; --color-4: #e8d8d8; --color-5: #e8e8e8. 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