← Back to Editor

#591F2C · #783846 · #855A56 · #9E8364 · #ADA17D

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#591F2C

Crimson · Maroon · Wine Red

HEX
#591F2C
RGB
rgb(89, 31, 44)
HSL
hsl(347, 48%, 24%)
HSB
hsb(347, 65%, 35%)
CMYK
cmyk(0%, 65%, 51%, 65%)
Oklch
oklch(33.1% 0.086 9.3)

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

#783846

Crimson · Sienna · Wine Red

HEX
#783846
RGB
rgb(120, 56, 70)
HSL
hsl(347, 36%, 35%)
HSB
hsb(347, 53%, 47%)
CMYK
cmyk(0%, 53%, 42%, 53%)
Oklch
oklch(42.9% 0.090 7.9)

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

#855A56

Crimson · DimGray · Passion Red

HEX
#855A56
RGB
rgb(133, 90, 86)
HSL
hsl(5, 21%, 43%)
HSB
hsb(5, 35%, 52%)
CMYK
cmyk(0%, 32%, 35%, 48%)
Oklch
oklch(51.3% 0.058 25.2)

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

#9E8364

Ginger · Gray · Warm Sun

HEX
#9E8364
RGB
rgb(158, 131, 100)
HSL
hsl(32, 23%, 51%)
HSB
hsb(32, 37%, 62%)
CMYK
cmyk(0%, 17%, 37%, 38%)
Oklch
oklch(62.7% 0.055 70.4)

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

#ADA17D

Ginger · DarkSeaGreen · Sunflower

HEX
#ADA17D
RGB
rgb(173, 161, 125)
HSL
hsl(45, 23%, 58%)
HSB
hsb(45, 28%, 68%)
CMYK
cmyk(0%, 7%, 28%, 32%)
Oklch
oklch(71.0% 0.052 91.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

591F2C
205B4E

Analogous

5B204A
591F2C
5B3020

Triadic

591F2C
2D5B20
202D5B

Split-Comp.

591F2C
205B30
204A5B

Tetradic

591F2C
4A5B20
205B4E
30205B

Contrast Matrix WCAG 2.1 Contrast

591F2C
783846
855A56
9E8364
ADA17D
—
1.5
Fail
2.2
Fail
3.6
AA Large
4.9
AA
1.5
Fail
—
1.5
Fail
2.4
Fail
3.3
AA Large
2.2
Fail
1.5
Fail
—
1.6
Fail
2.3
Fail
3.6
AA Large
2.4
Fail
1.6
Fail
—
1.4
Fail
4.9
AA
3.3
AA Large
2.3
Fail
1.4
Fail
—
White BG
12.7AAA
8.6AAA
5.8AA
3.6AA Large
2.6Fail
Black BG
1.7Fail
2.5Fail
3.6AA Large
5.9AA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

403F29
5C5C43
727257
92926C
A8A886

Deuteranopia

434828
606542
757857
94966D
A9A988

Tritanopia

562626
75403F
835858
9D7173
AC8D8E

Achromatopsia

323232
4D4D4D
666666
888888
A0A0A0

Shades & Tints Shades & Tints

#591F2C

Dark
Light

#783846

Dark
Light

#855A56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #591f2c;
  --color-2: #783846;
  --color-3: #855a56;
  --color-4: #9e8364;
  --color-5: #ada17d;
}

SCSS

$color-1: #591f2c;
$color-2: #783846;
$color-3: #855a56;
$color-4: #9e8364;
$color-5: #ada17d;

TAILWIND

colors: {
  'brand-1': '#591f2c',
  'brand-2': '#783846',
  'brand-3': '#855a56',
  'brand-4': '#9e8364',
  'brand-5': '#ada17d',
}

RGB Array

[89, 31, 44], [120, 56, 70], [133, 90, 86], [158, 131, 100], [173, 161, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #591F2C, #783846, #855A56, #9E8364, #ADA17D 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: #591f2c; --color-2: #783846; --color-3: #855a56; --color-4: #9e8364; --color-5: #ada17d. 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