#9CA473 + #D7983B + #AC6E3D + #C12D45 + #A51829 · 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

#9CA473

Grass Green · DarkSeaGreen · Olive Green

HEX

#9CA473

RGB

rgb(156, 164, 115)

HSL

hsl(70, 21%, 55%)

HSB

hsb(70, 30%, 64%)

CMYK

cmyk(5%, 0%, 30%, 36%)

Oklch

oklch(70.0% 0.068 115.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#D7983B

Ginger · GoldenRod · Warm Sun

HEX

#D7983B

RGB

rgb(215, 152, 59)

HSL

hsl(36, 66%, 54%)

HSB

hsb(36, 73%, 84%)

CMYK

cmyk(0%, 29%, 73%, 16%)

Oklch

oklch(72.5% 0.130 73.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#AC6E3D

Tangerine · Sienna · Amber Brown

HEX

#AC6E3D

RGB

rgb(172, 110, 61)

HSL

hsl(26, 48%, 46%)

HSB

hsb(26, 65%, 67%)

CMYK

cmyk(0%, 36%, 65%, 33%)

Oklch

oklch(59.5% 0.102 57.4)

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

#C12D45

Vermilion · Crimson · Passion Red

HEX

#C12D45

RGB

rgb(193, 45, 69)

HSL

hsl(350, 62%, 47%)

HSB

hsb(350, 77%, 76%)

CMYK

cmyk(0%, 77%, 64%, 24%)

Oklch

oklch(53.8% 0.183 17.4)

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

#A51829

Vermilion · FireBrick · Wine Red

HEX

#A51829

RGB

rgb(165, 24, 41)

HSL

hsl(353, 75%, 37%)

HSB

hsb(353, 85%, 65%)

CMYK

cmyk(0%, 85%, 75%, 35%)

Oklch

oklch(46.6% 0.173 22.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9CA473

7C74A4

Analogous

A49474

9CA473

84A474

Triadic

9CA473

749CA4

A4749C

Split-Comp.

9CA473

7484A4

9474A4

Tetradic

9CA473

74A494

7C74A4

A47484

Contrast Matrix WCAG 2.1 Contrast

9CA473	D7983B	AC6E3D	C12D45	A51829
—	1.1 Fail	1.6 Fail	2.1 Fail	2.9 Fail
1.1 Fail	—	1.7 Fail	2.3 Fail	3.1 AA Large
1.6 Fail	1.7 Fail	—	1.4 Fail	1.8 Fail
2.1 Fail	2.3 Fail	1.4 Fail	—	1.3 Fail
2.9 Fail	3.1 AA Large	1.8 Fail	1.3 Fail	—

White BG

2.6Fail

2.5Fail

4.2AA Large

5.6AA

7.6AAA

Black BG

8.0AAA

8.4AAA

5.1AA

3.7AA Large

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9FA07F

BCBB52

919149

81803F

686725

Deuteranopia

9F9E82

BFC457

95994C

8A953E

707B24

Tritanopia

9C888A

D46367

A95254

BA3B3A

9E2221

Achromatopsia

9C9C9C

A0A0A0

7B7B7B

5C5C5C

444444

Shades & Tints Shades & Tints

#9CA473

Dark

Light

#D7983B

Dark

Light

#AC6E3D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9ca473;
  --color-2: #d7983b;
  --color-3: #ac6e3d;
  --color-4: #c12d45;
  --color-5: #a51829;
}

SCSS

$color-1: #9ca473;
$color-2: #d7983b;
$color-3: #ac6e3d;
$color-4: #c12d45;
$color-5: #a51829;

TAILWIND

colors: {
  'brand-1': '#9ca473',
  'brand-2': '#d7983b',
  'brand-3': '#ac6e3d',
  'brand-4': '#c12d45',
  'brand-5': '#a51829',
}

RGB Array

[156, 164, 115], [215, 152, 59], [172, 110, 61], [193, 45, 69], [165, 24, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #9CA473, #D7983B, #AC6E3D, #C12D45, #A51829 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: #9ca473; --color-2: #d7983b; --color-3: #ac6e3d; --color-4: #c12d45; --color-5: #a51829. 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