#B9807E + #CE8E6C + #B3AA78 + #8BC594 + #6AD9B8 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#B9807E

Peach Pink · DarkSalmon · Coral Red

HEX

#B9807E

RGB

rgb(185, 128, 126)

HSL

hsl(2, 30%, 61%)

HSB

hsb(2, 32%, 73%)

CMYK

cmyk(0%, 31%, 32%, 27%)

Oklch

oklch(65.7% 0.071 21.4)

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

#CE8E6C

Apricot · DarkSalmon · Warm Sun

HEX

#CE8E6C

RGB

rgb(206, 142, 108)

HSL

hsl(21, 50%, 62%)

HSB

hsb(21, 48%, 81%)

CMYK

cmyk(0%, 31%, 48%, 19%)

Oklch

oklch(70.3% 0.091 48.7)

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

#B3AA78

Autumn Sage · Tan · Sunflower

HEX

#B3AA78

RGB

rgb(179, 170, 120)

HSL

hsl(51, 28%, 59%)

HSB

hsb(51, 33%, 70%)

CMYK

cmyk(0%, 5%, 33%, 30%)

Oklch

oklch(73.3% 0.068 99.2)

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

#8BC594

Celadon · DarkSeaGreen · Apple Green

HEX

#8BC594

RGB

rgb(139, 197, 148)

HSL

hsl(129, 33%, 66%)

HSB

hsb(129, 29%, 77%)

CMYK

cmyk(29%, 0%, 25%, 23%)

Oklch

oklch(77.0% 0.092 148.7)

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

#6AD9B8

Jade · MediumAquaMarine · Lake Green

HEX

#6AD9B8

RGB

rgb(106, 217, 184)

HSL

hsl(162, 59%, 63%)

HSB

hsb(162, 51%, 85%)

CMYK

cmyk(51%, 0%, 15%, 15%)

Oklch

oklch(81.1% 0.114 171.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B9807E

7EB7B9

Analogous

B97E9A

B9807E

B99E7E

Triadic

B9807E

7EB980

807EB9

Split-Comp.

B9807E

7EB99E

7E9AB9

Tetradic

B9807E

9AB97E

7EB7B9

9E7EB9

Contrast Matrix WCAG 2.1 Contrast

B9807E	CE8E6C	B3AA78	8BC594	6AD9B8
—	1.2 Fail	1.4 Fail	1.6 Fail	1.9 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.9 Fail	1.6 Fail	1.4 Fail	1.2 Fail	—

White BG

3.3AA Large

2.7Fail

2.3Fail

2.0Fail

1.7Fail

Black BG

6.5AA

7.7AAA

8.9AAA

10.5AAA

12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A07E

B2B274

AFAF84

A4A5A0

9A9BC0

Deuteranopia

A4A87F

B6BB76

B0B087

A19CA3

948BC2

Tritanopia

B67F7F

CB7B7C

B38E90

8EA9AB

70C6C8

Achromatopsia

919191

9D9D9D

A7A7A7

AEAEAE

B4B4B4

Shades & Tints Shades & Tints

#B9807E

Dark

Light

#CE8E6C

Dark

Light

#B3AA78

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b9807e;
  --color-2: #ce8e6c;
  --color-3: #b3aa78;
  --color-4: #8bc594;
  --color-5: #6ad9b8;
}

SCSS

$color-1: #b9807e;
$color-2: #ce8e6c;
$color-3: #b3aa78;
$color-4: #8bc594;
$color-5: #6ad9b8;

TAILWIND

colors: {
  'brand-1': '#b9807e',
  'brand-2': '#ce8e6c',
  'brand-3': '#b3aa78',
  'brand-4': '#8bc594',
  'brand-5': '#6ad9b8',
}

RGB Array

[185, 128, 126], [206, 142, 108], [179, 170, 120], [139, 197, 148], [106, 217, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B9807E, #CE8E6C, #B3AA78, #8BC594, #6AD9B8 is ideal for: corporate websites, product showcases, portfolios. 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: #b9807e; --color-2: #ce8e6c; --color-3: #b3aa78; --color-4: #8bc594; --color-5: #6ad9b8. 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. 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