← Back to Editor

#B4475E · #564C4D · #CB5D60 · #C79F6C · #E0DBBD

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

#B4475E

Crimson · Sienna · Passion Red

HEX
#B4475E
RGB
rgb(180, 71, 94)
HSL
hsl(347, 43%, 49%)
HSB
hsb(347, 61%, 71%)
CMYK
cmyk(0%, 61%, 48%, 29%)
Oklch
oklch(55.0% 0.142 10.1)

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

#564C4D

Ink Gray · DarkSlateGray · Charcoal

HEX
#564C4D
RGB
rgb(86, 76, 77)
HSL
hsl(354, 6%, 32%)
HSB
hsb(354, 12%, 34%)
CMYK
cmyk(0%, 12%, 10%, 66%)
Oklch
oklch(42.7% 0.013 10.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#CB5D60

Crimson · Tomato · Passion Red

HEX
#CB5D60
RGB
rgb(203, 93, 96)
HSL
hsl(358, 51%, 58%)
HSB
hsb(358, 54%, 80%)
CMYK
cmyk(0%, 54%, 53%, 20%)
Oklch
oklch(61.5% 0.140 20.4)

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

#C79F6C

Ginger · DarkSalmon · Warm Sun

HEX
#C79F6C
RGB
rgb(199, 159, 108)
HSL
hsl(34, 45%, 60%)
HSB
hsb(34, 46%, 78%)
CMYK
cmyk(0%, 20%, 46%, 22%)
Oklch
oklch(72.8% 0.082 72.7)

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

#E0DBBD

Fresh Green · Wheat · Lemon Cream

HEX
#E0DBBD
RGB
rgb(224, 219, 189)
HSL
hsl(51, 36%, 81%)
HSB
hsb(51, 16%, 88%)
CMYK
cmyk(0%, 2%, 16%, 12%)
Oklch
oklch(88.8% 0.040 99.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B4475E
47B39B

Analogous

B34794
B4475E
B36647

Triadic

B4475E
5FB347
475FB3

Split-Comp.

B4475E
47B366
4794B3

Tetradic

B4475E
94B347
47B39B
6647B3

Contrast Matrix WCAG 2.1 Contrast

B4475E
564C4D
CB5D60
C79F6C
E0DBBD
—
1.6
Fail
1.3
Fail
2.1
Fail
3.8
AA Large
1.6
Fail
—
2.1
Fail
3.4
AA Large
5.9
AA
1.3
Fail
2.1
Fail
—
1.6
Fail
2.9
Fail
2.1
Fail
3.4
AA Large
1.6
Fail
—
1.7
Fail
3.8
AA Large
5.9
AA
2.9
Fail
1.7
Fail
—
White BG
5.2AA
8.3AAA
4.0AA Large
2.4Fail
1.4Fail
Black BG
4.0AA Large
2.5Fail
5.3AA
8.6AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

858458
52524D
9B9A5F
B6B578
DEDEC4

Deuteranopia

8B9357
52534D
A2AA5F
B8BB7B
DEDFC6

Tritanopia

AF5453
564D4D
C65F5F
C58284
E0CACB

Achromatopsia

6A6A6A
4F4F4F
7E7E7E
A5A5A5
D9D9D9

Shades & Tints Shades & Tints

#B4475E

Dark
Light

#564C4D

Dark
Light

#CB5D60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b4475e;
  --color-2: #564c4d;
  --color-3: #cb5d60;
  --color-4: #c79f6c;
  --color-5: #e0dbbd;
}

SCSS

$color-1: #b4475e;
$color-2: #564c4d;
$color-3: #cb5d60;
$color-4: #c79f6c;
$color-5: #e0dbbd;

TAILWIND

colors: {
  'brand-1': '#b4475e',
  'brand-2': '#564c4d',
  'brand-3': '#cb5d60',
  'brand-4': '#c79f6c',
  'brand-5': '#e0dbbd',
}

RGB Array

[180, 71, 94], [86, 76, 77], [203, 93, 96], [199, 159, 108], [224, 219, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B4475E, #564C4D, #CB5D60, #C79F6C, #E0DBBD 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: #b4475e; --color-2: #564c4d; --color-3: #cb5d60; --color-4: #c79f6c; --color-5: #e0dbbd. 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