#B8A89C + #E6A8AA + #CAC764 + #D3DEC8 + #FAECE1 · 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

#B8A89C

Apricot · DarkGray · Warm Sun

HEX

#B8A89C

RGB

rgb(184, 168, 156)

HSL

hsl(26, 16%, 67%)

HSB

hsb(26, 15%, 72%)

CMYK

cmyk(0%, 9%, 15%, 28%)

Oklch

oklch(74.2% 0.025 59.3)

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

#E6A8AA

Peach Pink · LightPink · Coral Red

HEX

#E6A8AA

RGB

rgb(230, 168, 170)

HSL

hsl(358, 55%, 78%)

HSB

hsb(358, 27%, 90%)

CMYK

cmyk(0%, 27%, 26%, 10%)

Oklch

oklch(79.0% 0.073 16.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#CAC764

Autumn Sage · BurlyWood · Sunflower

HEX

#CAC764

RGB

rgb(202, 199, 100)

HSL

hsl(58, 49%, 59%)

HSB

hsb(58, 50%, 79%)

CMYK

cmyk(0%, 1%, 50%, 21%)

Oklch

oklch(81.2% 0.122 107.3)

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

#D3DEC8

Celadon · LightGray · Mint Green

HEX

#D3DEC8

RGB

rgb(211, 222, 200)

HSL

hsl(90, 25%, 83%)

HSB

hsb(90, 10%, 87%)

CMYK

cmyk(5%, 0%, 10%, 13%)

Oklch

oklch(88.6% 0.032 128.9)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#FAECE1

Apricot · Linen · Peach Orange

HEX

#FAECE1

RGB

rgb(250, 236, 225)

HSL

hsl(26, 71%, 93%)

HSB

hsb(26, 10%, 98%)

CMYK

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

Oklch

oklch(95.1% 0.021 60.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8A89C

9DADB8

Analogous

B89D9F

B8A89C

B8B79D

Triadic

B8A89C

9DB8A9

A99DB8

Split-Comp.

B8A89C

9DB8B7

9D9FB8

Tetradic

B8A89C

9FB89D

9DADB8

B79DB8

Contrast Matrix WCAG 2.1 Contrast

B8A89C	E6A8AA	CAC764	D3DEC8	FAECE1
—	1.2 Fail	1.3 Fail	1.7 Fail	2.0 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	1.7 Fail
1.3 Fail	1.1 Fail	—	1.3 Fail	1.5 Fail
1.7 Fail	1.4 Fail	1.3 Fail	—	1.2 Fail
2.0 Fail	1.7 Fail	1.5 Fail	1.2 Fail	—

White BG

2.3Fail

2.0Fail

1.8Fail

1.4Fail

1.2Fail

Black BG

9.1AAA

10.5AAA

11.9AAA

15.1AAA

18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B19F

CBCBAA

C9C97C

D8D8CD

F4F4E4

Deuteranopia

B2B3A0

CFD3A9

C9C982

D7D6CF

F5F6E4

Tritanopia

B7A1A2

E3A9A9

CA8F93

D4D2D2

F9E6E6

Achromatopsia

ABABAB

BBBBBB

BDBDBD

D8D8D8

EFEFEF

Shades & Tints Shades & Tints

#B8A89C

Dark

Light

#E6A8AA

Dark

Light

#CAC764

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8a89c;
  --color-2: #e6a8aa;
  --color-3: #cac764;
  --color-4: #d3dec8;
  --color-5: #faece1;
}

SCSS

$color-1: #b8a89c;
$color-2: #e6a8aa;
$color-3: #cac764;
$color-4: #d3dec8;
$color-5: #faece1;

TAILWIND

colors: {
  'brand-1': '#b8a89c',
  'brand-2': '#e6a8aa',
  'brand-3': '#cac764',
  'brand-4': '#d3dec8',
  'brand-5': '#faece1',
}

RGB Array

[184, 168, 156], [230, 168, 170], [202, 199, 100], [211, 222, 200], [250, 236, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B8A89C, #E6A8AA, #CAC764, #D3DEC8, #FAECE1 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: #b8a89c; --color-2: #e6a8aa; --color-3: #cac764; --color-4: #d3dec8; --color-5: #faece1. 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