#B2A3A8 + #767789 + #9FBA91 + #B8DB97 + #E1F9AB · 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

#B2A3A8

Rouge · DarkGray · Silver Sand

HEX

#B2A3A8

RGB

rgb(178, 163, 168)

HSL

hsl(340, 9%, 67%)

HSB

hsb(340, 8%, 70%)

CMYK

cmyk(0%, 8%, 6%, 30%)

Oklch

oklch(73.0% 0.019 355.3)

Traditional「Rouge」· Paint「Silver Sand」· Creative Urban Concrete

#767789

Ink Gray · SlateGray · Warm Gray

HEX

#767789

RGB

rgb(118, 119, 137)

HSL

hsl(237, 7%, 50%)

HSB

hsb(237, 14%, 54%)

CMYK

cmyk(14%, 13%, 0%, 46%)

Oklch

oklch(57.5% 0.028 283.0)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#9FBA91

Celadon · DarkSeaGreen · Apple Green

HEX

#9FBA91

RGB

rgb(159, 186, 145)

HSL

hsl(100, 23%, 65%)

HSB

hsb(100, 22%, 73%)

CMYK

cmyk(15%, 0%, 22%, 27%)

Oklch

oklch(75.8% 0.064 135.0)

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

#B8DB97

Celadon · LightGreen · Apple Green

HEX

#B8DB97

RGB

rgb(184, 219, 151)

HSL

hsl(91, 49%, 73%)

HSB

hsb(91, 31%, 86%)

CMYK

cmyk(16%, 0%, 31%, 14%)

Oklch

oklch(84.9% 0.098 130.4)

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

#E1F9AB

Willow Green · Wheat · Mint Green

HEX

#E1F9AB

RGB

rgb(225, 249, 171)

HSL

hsl(78, 87%, 82%)

HSB

hsb(78, 31%, 98%)

CMYK

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

Oklch

oklch(94.6% 0.103 122.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2A3A8

A3B2AD

Analogous

B2A3B0

B2A3A8

B2A6A3

Triadic

B2A3A8

A8B2A3

A3A8B2

Split-Comp.

B2A3A8

A3B2A6

A3B0B2

Tetradic

B2A3A8

B0B2A3

A3B2AD

A6A3B2

Contrast Matrix WCAG 2.1 Contrast

B2A3A8	767789	9FBA91	B8DB97	E1F9AB
—	1.8 Fail	1.1 Fail	1.6 Fail	2.1 Fail
1.8 Fail	—	2.1 Fail	2.9 Fail	3.8 AA Large
1.1 Fail	2.1 Fail	—	1.4 Fail	1.9 Fail
1.6 Fail	2.9 Fail	1.4 Fail	—	1.3 Fail
2.1 Fail	3.8 AA Large	1.9 Fail	1.3 Fail	—

White BG

2.4Fail

4.4AA Large

2.1Fail

1.5Fail

1.1Fail

Black BG

8.7AAA

4.8AA

9.9AAA

13.6AAA

18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACABA7

767685

ABAB9B

C7C7A7

EBECBE

Deuteranopia

ACAEA7

767684

A9A79D

C5C3AB

EAE8C2

Tritanopia

B1A6A6

768180

A0A3A4

BAB4B7

E2CDD0

Achromatopsia

A8A8A8

797979

ADADAD

C9C9C9

E9E9E9

Shades & Tints Shades & Tints

#B2A3A8

Dark

Light

#767789

Dark

Light

#9FBA91

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2a3a8;
  --color-2: #767789;
  --color-3: #9fba91;
  --color-4: #b8db97;
  --color-5: #e1f9ab;
}

SCSS

$color-1: #b2a3a8;
$color-2: #767789;
$color-3: #9fba91;
$color-4: #b8db97;
$color-5: #e1f9ab;

TAILWIND

colors: {
  'brand-1': '#b2a3a8',
  'brand-2': '#767789',
  'brand-3': '#9fba91',
  'brand-4': '#b8db97',
  'brand-5': '#e1f9ab',
}

RGB Array

[178, 163, 168], [118, 119, 137], [159, 186, 145], [184, 219, 151], [225, 249, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B2A3A8, #767789, #9FBA91, #B8DB97, #E1F9AB 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: #b2a3a8; --color-2: #767789; --color-3: #9fba91; --color-4: #b8db97; --color-5: #e1f9ab. 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