#B19B0A + #548B8E + #8E7578 + #BE3F14 + #2B2C2E · 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

#B19B0A

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#B19B0A

RGB

rgb(177, 155, 10)

HSL

hsl(52, 89%, 37%)

HSB

hsb(52, 94%, 69%)

CMYK

cmyk(0%, 12%, 94%, 31%)

Oklch

oklch(68.8% 0.141 98.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#548B8E

Slate Blue · CadetBlue · Mint Ice

HEX

#548B8E

RGB

rgb(84, 139, 142)

HSL

hsl(183, 26%, 44%)

HSB

hsb(183, 41%, 56%)

CMYK

cmyk(41%, 2%, 0%, 44%)

Oklch

oklch(60.0% 0.058 200.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#8E7578

Crimson · Gray · Passion Red

HEX

#8E7578

RGB

rgb(142, 117, 120)

HSL

hsl(353, 10%, 51%)

HSB

hsb(353, 18%, 56%)

CMYK

cmyk(0%, 18%, 15%, 44%)

Oklch

oklch(58.7% 0.032 10.0)

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

#BE3F14

Tangerine · FireBrick · Amber Brown

HEX

#BE3F14

RGB

rgb(190, 63, 20)

HSL

hsl(15, 81%, 41%)

HSB

hsb(15, 89%, 75%)

CMYK

cmyk(0%, 67%, 89%, 25%)

Oklch

oklch(54.5% 0.171 37.1)

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

#2B2C2E

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#2B2C2E

RGB

rgb(43, 44, 46)

HSL

hsl(220, 3%, 17%)

HSB

hsb(220, 7%, 18%)

CMYK

cmyk(7%, 4%, 0%, 82%)

Oklch

oklch(29.3% 0.004 264.5)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B19B0A

0A21B2

Analogous

B2480A

B19B0A

75B20A

Triadic

B19B0A

0AB29C

9C0AB2

Split-Comp.

B19B0A

0A75B2

480AB2

Tetradic

B19B0A

0AB248

0A21B2

B20A75

Contrast Matrix WCAG 2.1 Contrast

B19B0A	548B8E	8E7578	BE3F14	2B2C2E
—	1.4 Fail	1.5 Fail	1.9 Fail	5.0 AA
1.4 Fail	—	1.1 Fail	1.4 Fail	3.6 AA Large
1.5 Fail	1.1 Fail	—	1.3 Fail	3.3 AA Large
1.9 Fail	1.4 Fail	1.3 Fail	—	2.6 Fail
5.0 AA	3.6 AA Large	3.3 AA Large	2.6 Fail	—

White BG

2.8Fail

3.8AA Large

4.2AA Large

5.4AA

14.0AAA

Black BG

7.6AAA

5.5AA

5.0AA

3.9AA Large

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A72D

6C6C8D

838377

87861E

2B2B2E

Deuteranopia

A9AA36

69658D

858777

8E9821

2B2B2D

Tritanopia

B0494F

578D8D

8D7777

B82728

2B2D2D

Achromatopsia

919191

7B7B7B

7D7D7D

606060

2C2C2C

Shades & Tints Shades & Tints

#B19B0A

Dark

Light

#548B8E

Dark

Light

#8E7578

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b19b0a;
  --color-2: #548b8e;
  --color-3: #8e7578;
  --color-4: #be3f14;
  --color-5: #2b2c2e;
}

SCSS

$color-1: #b19b0a;
$color-2: #548b8e;
$color-3: #8e7578;
$color-4: #be3f14;
$color-5: #2b2c2e;

TAILWIND

colors: {
  'brand-1': '#b19b0a',
  'brand-2': '#548b8e',
  'brand-3': '#8e7578',
  'brand-4': '#be3f14',
  'brand-5': '#2b2c2e',
}

RGB Array

[177, 155, 10], [84, 139, 142], [142, 117, 120], [190, 63, 20], [43, 44, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B19B0A, #548B8E, #8E7578, #BE3F14, #2B2C2E is ideal for: tech websites, dark mode UIs, game UIs. 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: #b19b0a; --color-2: #548b8e; --color-3: #8e7578; --color-4: #be3f14; --color-5: #2b2c2e. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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