← Back to Editor

#9D3540 · #613061 · #476583 · #9CA392 · #DFD5B0

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

#9D3540

Crimson · Brown · Passion Red

HEX
#9D3540
RGB
rgb(157, 53, 64)
HSL
hsl(354, 50%, 41%)
HSB
hsb(354, 66%, 62%)
CMYK
cmyk(0%, 66%, 59%, 38%)
Oklch
oklch(48.3% 0.138 17.8)

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

#613061

Rose Purple · DarkSlateBlue · Eggplant

HEX
#613061
RGB
rgb(97, 48, 97)
HSL
hsl(300, 34%, 28%)
HSB
hsb(300, 51%, 38%)
CMYK
cmyk(0%, 51%, 0%, 62%)
Oklch
oklch(39.3% 0.099 327.3)

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

#476583

Indigo · DarkSlateBlue · Prussian Blue

HEX
#476583
RGB
rgb(71, 101, 131)
HSL
hsl(210, 30%, 40%)
HSB
hsb(210, 46%, 51%)
CMYK
cmyk(46%, 23%, 0%, 49%)
Oklch
oklch(49.6% 0.060 249.1)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#9CA392

Willow Green · DarkGray · Silver Sand

HEX
#9CA392
RGB
rgb(156, 163, 146)
HSL
hsl(85, 8%, 61%)
HSB
hsb(85, 10%, 64%)
CMYK
cmyk(4%, 0%, 10%, 36%)
Oklch
oklch(70.5% 0.025 125.4)

Traditional「Willow Green」· Paint「Silver Sand」· Creative Urban Concrete

#DFD5B0

Goose Yellow · Wheat · Lemon Cream

HEX
#DFD5B0
RGB
rgb(223, 213, 176)
HSL
hsl(47, 42%, 78%)
HSB
hsb(47, 21%, 87%)
CMYK
cmyk(0%, 4%, 21%, 13%)
Oklch
oklch(87.2% 0.050 94.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9D3540
349D92

Analogous

9D3473
9D3540
9D5E34

Triadic

9D3540
3F9D34
343F9D

Split-Comp.

9D3540
349D5E
34739D

Tetradic

9D3540
739D34
349D92
5E349D

Contrast Matrix WCAG 2.1 Contrast

9D3540
613061
476583
9CA392
DFD5B0
—
1.4
Fail
1.1
Fail
2.7
Fail
4.7
AA
1.4
Fail
—
1.6
Fail
3.8
AA Large
6.8
AA
1.1
Fail
1.6
Fail
—
2.3
Fail
4.1
AA Large
2.7
Fail
3.8
AA Large
2.3
Fail
—
1.8
Fail
4.7
AA
6.8
AA
4.1
AA Large
1.8
Fail
—
White BG
7.0AA
10.0AAA
6.1AA
2.6Fail
1.5Fail
Black BG
3.0AA Large
2.1Fail
3.5AA Large
8.1AAA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

706F3D
4C4B55
54547C
9F9F96
DBDBB9

Deuteranopia

767E3D
4F5252
52507A
9F9E97
DBDCBB

Tritanopia

983B3B
5F4C4A
497675
9C999A
DFC0C2

Achromatopsia

555555
444444
5F5F5F
9F9F9F
D4D4D4

Shades & Tints Shades & Tints

#9D3540

Dark
Light

#613061

Dark
Light

#476583

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9d3540;
  --color-2: #613061;
  --color-3: #476583;
  --color-4: #9ca392;
  --color-5: #dfd5b0;
}

SCSS

$color-1: #9d3540;
$color-2: #613061;
$color-3: #476583;
$color-4: #9ca392;
$color-5: #dfd5b0;

TAILWIND

colors: {
  'brand-1': '#9d3540',
  'brand-2': '#613061',
  'brand-3': '#476583',
  'brand-4': '#9ca392',
  'brand-5': '#dfd5b0',
}

RGB Array

[157, 53, 64], [97, 48, 97], [71, 101, 131], [156, 163, 146], [223, 213, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #9D3540, #613061, #476583, #9CA392, #DFD5B0 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: #9d3540; --color-2: #613061; --color-3: #476583; --color-4: #9ca392; --color-5: #dfd5b0. 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