#B6AF93 + #C2C1A3 + #D3CAA9 + #E3D1AD + #F0D8AA · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#B6AF93

Ginger · DarkGray · Sunflower

HEX

#B6AF93

RGB

rgb(182, 175, 147)

HSL

hsl(48, 19%, 65%)

HSB

hsb(48, 19%, 71%)

CMYK

cmyk(0%, 4%, 19%, 29%)

Oklch

oklch(75.2% 0.039 95.6)

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

#C2C1A3

Fresh Green · Silver · Sunflower

HEX

#C2C1A3

RGB

rgb(194, 193, 163)

HSL

hsl(58, 20%, 70%)

HSB

hsb(58, 16%, 76%)

CMYK

cmyk(0%, 1%, 16%, 24%)

Oklch

oklch(80.4% 0.041 105.7)

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

#D3CAA9

Goose Yellow · Silver · Sunflower

HEX

#D3CAA9

RGB

rgb(211, 202, 169)

HSL

hsl(47, 32%, 75%)

HSB

hsb(47, 20%, 83%)

CMYK

cmyk(0%, 4%, 20%, 17%)

Oklch

oklch(83.8% 0.045 94.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E3D1AD

Goose Yellow · Wheat · Lemon Cream

HEX

#E3D1AD

RGB

rgb(227, 209, 173)

HSL

hsl(40, 49%, 78%)

HSB

hsb(40, 24%, 89%)

CMYK

cmyk(0%, 8%, 24%, 11%)

Oklch

oklch(86.6% 0.052 84.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F0D8AA

Goose Yellow · Wheat · Peach Orange

HEX

#F0D8AA

RGB

rgb(240, 216, 170)

HSL

hsl(39, 70%, 80%)

HSB

hsb(39, 29%, 94%)

CMYK

cmyk(0%, 10%, 29%, 6%)

Oklch

oklch(89.1% 0.066 83.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6AF93

959CB7

Analogous

B79F95

B6AF93

ADB795

Triadic

B6AF93

95B7B0

B095B7

Split-Comp.

B6AF93

95ADB7

9F95B7

Tetradic

B6AF93

95B79F

959CB7

B795AD

Contrast Matrix WCAG 2.1 Contrast

B6AF93	C2C1A3	D3CAA9	E3D1AD	F0D8AA
—	1.2 Fail	1.3 Fail	1.5 Fail	1.6 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.5 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.6 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

2.2Fail

1.8Fail

1.6Fail

1.5Fail

1.4Fail

Black BG

9.5AAA

11.5AAA

12.8AAA

14.0AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B39A

C2C2AA

CFCFB1

DBDBB6

E6E5B5

Deuteranopia

B3B49B

C2C2AC

D0D0B3

DCDEB8

E7E9B8

Tritanopia

B69FA0

C2B0B1

D3B7B9

E2BDBE

EFBEC0

Achromatopsia

AEAEAE

BEBEBE

C9C9C9

D2D2D2

DADADA

Shades & Tints Shades & Tints

#B6AF93

Dark

Light

#C2C1A3

Dark

Light

#D3CAA9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6af93;
  --color-2: #c2c1a3;
  --color-3: #d3caa9;
  --color-4: #e3d1ad;
  --color-5: #f0d8aa;
}

SCSS

$color-1: #b6af93;
$color-2: #c2c1a3;
$color-3: #d3caa9;
$color-4: #e3d1ad;
$color-5: #f0d8aa;

TAILWIND

colors: {
  'brand-1': '#b6af93',
  'brand-2': '#c2c1a3',
  'brand-3': '#d3caa9',
  'brand-4': '#e3d1ad',
  'brand-5': '#f0d8aa',
}

RGB Array

[182, 175, 147], [194, 193, 163], [211, 202, 169], [227, 209, 173], [240, 216, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B6AF93, #C2C1A3, #D3CAA9, #E3D1AD, #F0D8AA is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b6af93; --color-2: #c2c1a3; --color-3: #d3caa9; --color-4: #e3d1ad; --color-5: #f0d8aa. 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 tech, SaaS, healthcare, eco industries. 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