← Back to Editor

#B3A186 · #000000 · #45707D · #781856 · #A37224

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#B3A186

Ginger · Tan · Warm Sun

HEX
#B3A186
RGB
rgb(179, 161, 134)
HSL
hsl(36, 23%, 61%)
HSB
hsb(36, 25%, 70%)
CMYK
cmyk(0%, 10%, 25%, 30%)
Oklch
oklch(71.7% 0.043 77.9)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#45707D

Slate Blue · DimGray · Mint Ice

HEX
#45707D
RGB
rgb(69, 112, 125)
HSL
hsl(194, 29%, 38%)
HSB
hsb(194, 45%, 49%)
CMYK
cmyk(45%, 10%, 0%, 51%)
Oklch
oklch(51.9% 0.052 219.1)

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

#781856

Rose Purple · Purple · Camellia

HEX
#781856
RGB
rgb(120, 24, 86)
HSL
hsl(321, 67%, 28%)
HSB
hsb(321, 80%, 47%)
CMYK
cmyk(0%, 80%, 28%, 53%)
Oklch
oklch(39.5% 0.144 346.3)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#A37224

Ochre · Sienna · Amber Brown

HEX
#A37224
RGB
rgb(163, 114, 36)
HSL
hsl(37, 64%, 39%)
HSB
hsb(37, 78%, 64%)
CMYK
cmyk(0%, 30%, 78%, 36%)
Oklch
oklch(58.9% 0.110 74.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3A186
8597B2

Analogous

B28985
B3A186
AEB285

Triadic

B3A186
85B2A0
A085B2

Split-Comp.

B3A186
85AEB2
8985B2

Tetradic

B3A186
85B289
8597B2
B285AE

Contrast Matrix WCAG 2.1 Contrast

B3A186
000000
45707D
781856
A37224
—
8.4
AAA
2.2
Fail
4.1
AA Large
1.7
Fail
8.4
AAA
—
3.9
AA Large
2.1
Fail
5.0
AA
2.2
Fail
3.9
AA Large
—
1.9
Fail
1.3
Fail
4.1
AA Large
2.1
Fail
1.9
Fail
—
2.4
Fail
1.7
Fail
5.0
AA
1.3
Fail
2.4
Fail
—
White BG
2.5Fail
21.0AAA
5.4AA
10.2AAA
4.2AA Large
Black BG
8.4AAA
1.0Fail
3.9AA Large
2.1Fail
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAB8D
000000
58587A
4E4E47
8E8D37

Deuteranopia

ACAE8E
000000
555279
545B43
91943B

Tritanopia

B29293
000000
477777
733B39
A14649

Achromatopsia

A3A3A3
000000
656565
3C3C3C
787878

Shades & Tints Shades & Tints

#B3A186

Dark
Light

#000000

Dark
Light

#45707D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3a186;
  --color-2: #000000;
  --color-3: #45707d;
  --color-4: #781856;
  --color-5: #a37224;
}

SCSS

$color-1: #b3a186;
$color-2: #000000;
$color-3: #45707d;
$color-4: #781856;
$color-5: #a37224;

TAILWIND

colors: {
  'brand-1': '#b3a186',
  'brand-2': '#000000',
  'brand-3': '#45707d',
  'brand-4': '#781856',
  'brand-5': '#a37224',
}

RGB Array

[179, 161, 134], [0, 0, 0], [69, 112, 125], [120, 24, 86], [163, 114, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B3A186, #000000, #45707D, #781856, #A37224 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #b3a186; --color-2: #000000; --color-3: #45707d; --color-4: #781856; --color-5: #a37224. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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