#B5BF98 + #B5A361 + #BF812D + #CC523D + #BD2A4C · 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

#B5BF98

Willow Green · DarkGray · Apple Green

HEX

#B5BF98

RGB

rgb(181, 191, 152)

HSL

hsl(75, 23%, 67%)

HSB

hsb(75, 20%, 75%)

CMYK

cmyk(5%, 0%, 20%, 25%)

Oklch

oklch(78.7% 0.054 119.3)

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

#B5A361

Ginger · Tan · Sunflower

HEX

#B5A361

RGB

rgb(181, 163, 97)

HSL

hsl(47, 36%, 55%)

HSB

hsb(47, 46%, 71%)

CMYK

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

Oklch

oklch(71.6% 0.088 94.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#BF812D

Ochre · Chocolate · Amber Brown

HEX

#BF812D

RGB

rgb(191, 129, 45)

HSL

hsl(35, 62%, 46%)

HSB

hsb(35, 76%, 75%)

CMYK

cmyk(0%, 32%, 76%, 25%)

Oklch

oklch(65.2% 0.123 70.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#CC523D

Crimson · Chocolate · Passion Red

HEX

#CC523D

RGB

rgb(204, 82, 61)

HSL

hsl(9, 58%, 52%)

HSB

hsb(9, 70%, 80%)

CMYK

cmyk(0%, 60%, 70%, 20%)

Oklch

oklch(59.5% 0.160 31.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#BD2A4C

Vermilion · Crimson · Passion Red

HEX

#BD2A4C

RGB

rgb(189, 42, 76)

HSL

hsl(346, 64%, 45%)

HSB

hsb(346, 78%, 74%)

CMYK

cmyk(0%, 78%, 60%, 26%)

Oklch

oklch(53.0% 0.182 13.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5BF98

A197BE

Analogous

BEB597

B5BF98

A1BE97

Triadic

B5BF98

97B5BE

BE97B5

Split-Comp.

B5BF98

97A1BE

B597BE

Tetradic

B5BF98

97BEB5

A197BE

BE97A1

Contrast Matrix WCAG 2.1 Contrast

B5BF98	B5A361	BF812D	CC523D	BD2A4C
—	1.3 Fail	1.7 Fail	2.2 Fail	3.0 AA Large
1.3 Fail	—	1.3 Fail	1.7 Fail	2.3 Fail
1.7 Fail	1.3 Fail	—	1.3 Fail	1.8 Fail
2.2 Fail	1.7 Fail	1.3 Fail	—	1.3 Fail
3.0 AA Large	2.3 Fail	1.8 Fail	1.3 Fail	—

White BG

1.9Fail

2.5Fail

3.3AA Large

4.3AA Large

5.8AA

Black BG

10.9AAA

8.4AAA

6.4AA

4.8AA

3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9A1

ADAD71

A4A441

979642

7D7C44

Deuteranopia

B9B8A4

AEB075

A8AC46

9EA743

869142

Tritanopia

B6A9AB

B47E80

BC5155

C64647

B63D3C

Achromatopsia

B8B8B8

A1A1A1

8A8A8A

747474

5A5A5A

Shades & Tints Shades & Tints

#B5BF98

Dark

Light

#B5A361

Dark

Light

#BF812D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5bf98;
  --color-2: #b5a361;
  --color-3: #bf812d;
  --color-4: #cc523d;
  --color-5: #bd2a4c;
}

SCSS

$color-1: #b5bf98;
$color-2: #b5a361;
$color-3: #bf812d;
$color-4: #cc523d;
$color-5: #bd2a4c;

TAILWIND

colors: {
  'brand-1': '#b5bf98',
  'brand-2': '#b5a361',
  'brand-3': '#bf812d',
  'brand-4': '#cc523d',
  'brand-5': '#bd2a4c',
}

RGB Array

[181, 191, 152], [181, 163, 97], [191, 129, 45], [204, 82, 61], [189, 42, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B5BF98, #B5A361, #BF812D, #CC523D, #BD2A4C 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: #b5bf98; --color-2: #b5a361; --color-3: #bf812d; --color-4: #cc523d; --color-5: #bd2a4c. 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