← Back to Editor

#9F8464 · #EAD3A0 · #440F0E · #812C2D · #B5AD83

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 PostIllustrationData Visualization

Color Details Color Details

#9F8464

Ginger · Gray · Warm Sun

HEX
#9F8464
RGB
rgb(159, 132, 100)
HSL
hsl(33, 24%, 51%)
HSB
hsb(33, 37%, 62%)
CMYK
cmyk(0%, 17%, 37%, 38%)
Oklch
oklch(63.0% 0.056 71.3)

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

#EAD3A0

Goose Yellow · Wheat · Lemon Cream

HEX
#EAD3A0
RGB
rgb(234, 211, 160)
HSL
hsl(41, 64%, 77%)
HSB
hsb(41, 32%, 92%)
CMYK
cmyk(0%, 10%, 32%, 8%)
Oklch
oklch(87.4% 0.071 86.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#440F0E

Vermilion · Maroon · Deep Berry

HEX
#440F0E
RGB
rgb(68, 15, 14)
HSL
hsl(1, 66%, 16%)
HSB
hsb(1, 79%, 27%)
CMYK
cmyk(0%, 78%, 79%, 73%)
Oklch
oklch(26.2% 0.081 25.7)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#812C2D

Crimson · Brown · Wine Red

HEX
#812C2D
RGB
rgb(129, 44, 45)
HSL
hsl(359, 49%, 34%)
HSB
hsb(359, 66%, 51%)
CMYK
cmyk(0%, 66%, 65%, 49%)
Oklch
oklch(41.9% 0.118 23.0)

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

#B5AD83

Fresh Green · Tan · Sunflower

HEX
#B5AD83
RGB
rgb(181, 173, 131)
HSL
hsl(50, 25%, 61%)
HSB
hsb(50, 28%, 71%)
CMYK
cmyk(0%, 4%, 28%, 29%)
Oklch
oklch(74.4% 0.058 98.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9F8464
647FA0

Analogous

A06764
9F8464
9DA064

Triadic

9F8464
64A085
8564A0

Split-Comp.

9F8464
649DA0
6764A0

Tetradic

9F8464
64A067
647FA0
A0649D

Contrast Matrix WCAG 2.1 Contrast

9F8464
EAD3A0
440F0E
812C2D
B5AD83
—
2.4
Fail
4.5
AA
2.6
Fail
1.6
Fail
2.4
Fail
—
10.8
AAA
6.1
AA
1.5
Fail
4.5
AA
10.8
AAA
—
1.8
Fail
7.0
AAA
2.6
Fail
6.1
AA
1.8
Fail
—
4.0
AA Large
1.6
Fail
1.5
Fail
7.0
AAA
4.0
AA Large
—
White BG
3.5AA Large
1.5Fail
15.9AAA
9.0AAA
2.3Fail
Black BG
6.0AA
14.3AAA
1.3Fail
2.3Fail
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

93936C
E0E0AC
2D2D0E
5C5B2D
B2B18D

Deuteranopia

95976E
E1E3AF
30340E
61682D
B2B390

Tritanopia

9E7273
E9B6B8
410E0E
7D2D2D
B59597

Achromatopsia

888888
D4D4D4
1F1F1F
464646
ABABAB

Shades & Tints Shades & Tints

#9F8464

Dark
Light

#EAD3A0

Dark
Light

#440F0E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9f8464;
  --color-2: #ead3a0;
  --color-3: #440f0e;
  --color-4: #812c2d;
  --color-5: #b5ad83;
}

SCSS

$color-1: #9f8464;
$color-2: #ead3a0;
$color-3: #440f0e;
$color-4: #812c2d;
$color-5: #b5ad83;

TAILWIND

colors: {
  'brand-1': '#9f8464',
  'brand-2': '#ead3a0',
  'brand-3': '#440f0e',
  'brand-4': '#812c2d',
  'brand-5': '#b5ad83',
}

RGB Array

[159, 132, 100], [234, 211, 160], [68, 15, 14], [129, 44, 45], [181, 173, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #9F8464, #EAD3A0, #440F0E, #812C2D, #B5AD83 is ideal for: 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: #9f8464; --color-2: #ead3a0; --color-3: #440f0e; --color-4: #812c2d; --color-5: #b5ad83. 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. 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