#81A58B + #B6AB8B + #E6C099 + #E6AA86 + #FA6384 · 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

#81A58B

Celadon · DarkSeaGreen · Olive Green

HEX

#81A58B

RGB

rgb(129, 165, 139)

HSL

hsl(137, 17%, 58%)

HSB

hsb(137, 22%, 65%)

CMYK

cmyk(22%, 0%, 16%, 35%)

Oklch

oklch(68.8% 0.055 153.4)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#B6AB8B

Ginger · Tan · Sunflower

HEX

#B6AB8B

RGB

rgb(182, 171, 139)

HSL

hsl(45, 23%, 63%)

HSB

hsb(45, 24%, 71%)

CMYK

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

Oklch

oklch(74.2% 0.046 91.3)

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

#E6C099

Goose Yellow · BurlyWood · Warm Sun

HEX

#E6C099

RGB

rgb(230, 192, 153)

HSL

hsl(30, 61%, 75%)

HSB

hsb(30, 33%, 90%)

CMYK

cmyk(0%, 17%, 33%, 10%)

Oklch

oklch(83.1% 0.068 67.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E6AA86

Apricot · BurlyWood · Warm Sun

HEX

#E6AA86

RGB

rgb(230, 170, 134)

HSL

hsl(22, 66%, 71%)

HSB

hsb(22, 42%, 90%)

CMYK

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

Oklch

oklch(78.6% 0.086 52.0)

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

#FA6384

Peach Pink · LightCoral · Coral Red

HEX

#FA6384

RGB

rgb(250, 99, 132)

HSL

hsl(347, 94%, 68%)

HSB

hsb(347, 60%, 98%)

CMYK

cmyk(0%, 60%, 47%, 2%)

Oklch

oklch(70.0% 0.185 9.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

81A58B

A6829C

Analogous

8AA682

81A58B

82A69E

Triadic

81A58B

8C82A6

A68C82

Split-Comp.

81A58B

9E82A6

A6828A

Tetradic

81A58B

828AA6

A6829C

A69E82

Contrast Matrix WCAG 2.1 Contrast

81A58B	B6AB8B	E6C099	E6AA86	FA6384
—	1.2 Fail	1.6 Fail	1.4 Fail	1.1 Fail
1.2 Fail	—	1.3 Fail	1.1 Fail	1.3 Fail
1.6 Fail	1.3 Fail	—	1.2 Fail	1.7 Fail
1.4 Fail	1.1 Fail	1.2 Fail	—	1.5 Fail
1.1 Fail	1.3 Fail	1.7 Fail	1.5 Fail	—

White BG

2.7Fail

2.3Fail

1.7Fail

2.0Fail

2.9Fail

Black BG

7.7AAA

9.2AAA

12.4AAA

10.5AAA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

919191

B1B193

D6D5A2

CCCB8F

B9B77C

Deuteranopia

8F8C93

B2B395

D8DBA5

D0D491

C1CD7A

Tritanopia

839697

B5999A

E4AAAC

E39697

F27674

Achromatopsia

979797

ABABAB

C7C7C7

B8B8B8

949494

Shades & Tints Shades & Tints

#81A58B

Dark

Light

#B6AB8B

Dark

Light

#E6C099

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #81a58b;
  --color-2: #b6ab8b;
  --color-3: #e6c099;
  --color-4: #e6aa86;
  --color-5: #fa6384;
}

SCSS

$color-1: #81a58b;
$color-2: #b6ab8b;
$color-3: #e6c099;
$color-4: #e6aa86;
$color-5: #fa6384;

TAILWIND

colors: {
  'brand-1': '#81a58b',
  'brand-2': '#b6ab8b',
  'brand-3': '#e6c099',
  'brand-4': '#e6aa86',
  'brand-5': '#fa6384',
}

RGB Array

[129, 165, 139], [182, 171, 139], [230, 192, 153], [230, 170, 134], [250, 99, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #81A58B, #B6AB8B, #E6C099, #E6AA86, #FA6384 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: #81a58b; --color-2: #b6ab8b; --color-3: #e6c099; --color-4: #e6aa86; --color-5: #fa6384. 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