#46412E + #565543 + #774F45 + #9B4A47 + #E2323F · 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

#46412E

Ochre · DarkSlateGray · Amber Gold

HEX

#46412E

RGB

rgb(70, 65, 46)

HSL

hsl(47, 21%, 23%)

HSB

hsb(47, 34%, 27%)

CMYK

cmyk(0%, 7%, 34%, 73%)

Oklch

oklch(37.5% 0.031 95.1)

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

#565543

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#565543

RGB

rgb(86, 85, 67)

HSL

hsl(57, 12%, 30%)

HSB

hsb(57, 22%, 34%)

CMYK

cmyk(0%, 1%, 22%, 66%)

Oklch

oklch(44.5% 0.028 104.9)

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

#774F45

Crimson · DimGray · Wine Red

HEX

#774F45

RGB

rgb(119, 79, 69)

HSL

hsl(12, 27%, 37%)

HSB

hsb(12, 42%, 47%)

CMYK

cmyk(0%, 34%, 42%, 53%)

Oklch

oklch(46.9% 0.057 34.6)

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

#9B4A47

Crimson · Sienna · Passion Red

HEX

#9B4A47

RGB

rgb(155, 74, 71)

HSL

hsl(2, 37%, 44%)

HSB

hsb(2, 54%, 61%)

CMYK

cmyk(0%, 52%, 54%, 39%)

Oklch

oklch(51.0% 0.109 23.8)

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

#E2323F

Vermilion · Crimson · Passion Red

HEX

#E2323F

RGB

rgb(226, 50, 63)

HSL

hsl(356, 75%, 54%)

HSB

hsb(356, 78%, 89%)

CMYK

cmyk(0%, 78%, 72%, 11%)

Oklch

oklch(59.9% 0.210 23.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

46412E

2E3447

Analogous

47352E

46412E

40472E

Triadic

46412E

2E4742

422E47

Split-Comp.

46412E

2E4047

352E47

Tetradic

46412E

2E4735

2E3447

472E40

Contrast Matrix WCAG 2.1 Contrast

46412E	565543	774F45	9B4A47	E2323F
—	1.4 Fail	1.5 Fail	1.7 Fail	2.3 Fail
1.4 Fail	—	1.1 Fail	1.2 Fail	1.7 Fail
1.5 Fail	1.1 Fail	—	1.2 Fail	1.6 Fail
1.7 Fail	1.2 Fail	1.2 Fail	—	1.4 Fail
2.3 Fail	1.7 Fail	1.6 Fail	1.4 Fail	—

White BG

10.2AAA

7.6AAA

7.0AAA

6.1AA

4.4AA Large

Black BG

2.1Fail

2.8Fail

3.0Fail

3.5AA Large

4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

444433

565647

666547

787748

96943C

Deuteranopia

444534

565648

686B48

7D8348

A0AD3B

Tritanopia

463637

564B4C

75494A

974848

D93939

Achromatopsia

404040

535353

5A5A5A

626262

686868

Shades & Tints Shades & Tints

#46412E

Dark

Light

#565543

Dark

Light

#774F45

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #46412e;
  --color-2: #565543;
  --color-3: #774f45;
  --color-4: #9b4a47;
  --color-5: #e2323f;
}

SCSS

$color-1: #46412e;
$color-2: #565543;
$color-3: #774f45;
$color-4: #9b4a47;
$color-5: #e2323f;

TAILWIND

colors: {
  'brand-1': '#46412e',
  'brand-2': '#565543',
  'brand-3': '#774f45',
  'brand-4': '#9b4a47',
  'brand-5': '#e2323f',
}

RGB Array

[70, 65, 46], [86, 85, 67], [119, 79, 69], [155, 74, 71], [226, 50, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #46412E, #565543, #774F45, #9B4A47, #E2323F 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: #46412e; --color-2: #565543; --color-3: #774f45; --color-4: #9b4a47; --color-5: #e2323f. 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