← Back to Editor

#301210 · #44322E · #FDE1C9 · #E8B5A0 · #DC9E85

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

#301210

Crimson · Black · Deep Berry

HEX
#301210
RGB
rgb(48, 18, 16)
HSL
hsl(4, 50%, 13%)
HSB
hsb(4, 67%, 19%)
CMYK
cmyk(0%, 63%, 67%, 81%)
Oklch
oklch(22.8% 0.050 25.6)

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

#44322E

Crimson · DarkSlateGray · Wine Red

HEX
#44322E
RGB
rgb(68, 50, 46)
HSL
hsl(11, 19%, 22%)
HSB
hsb(11, 32%, 27%)
CMYK
cmyk(0%, 26%, 32%, 73%)
Oklch
oklch(33.6% 0.027 32.8)

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

#FDE1C9

Apricot · Bisque · Peach Orange

HEX
#FDE1C9
RGB
rgb(253, 225, 201)
HSL
hsl(28, 93%, 89%)
HSB
hsb(28, 21%, 99%)
CMYK
cmyk(0%, 11%, 21%, 1%)
Oklch
oklch(92.7% 0.044 62.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E8B5A0

Apricot · BurlyWood · Peach Orange

HEX
#E8B5A0
RGB
rgb(232, 181, 160)
HSL
hsl(18, 61%, 77%)
HSB
hsb(18, 31%, 91%)
CMYK
cmyk(0%, 22%, 31%, 9%)
Oklch
oklch(81.4% 0.066 43.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#DC9E85

Apricot · DarkSalmon · Warm Sun

HEX
#DC9E85
RGB
rgb(220, 158, 133)
HSL
hsl(17, 55%, 69%)
HSB
hsb(17, 40%, 86%)
CMYK
cmyk(0%, 28%, 40%, 14%)
Oklch
oklch(75.3% 0.082 42.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

301210
113032

Analogous

32111F
301210
322311

Triadic

301210
113213
131132

Split-Comp.

301210
113223
111F32

Tetradic

301210
1F3211
113032
231132

Contrast Matrix WCAG 2.1 Contrast

301210
44322E
FDE1C9
E8B5A0
DC9E85
—
1.4
Fail
13.8
AAA
9.5
AAA
7.6
AAA
1.4
Fail
—
9.6
AAA
6.6
AA
5.3
AA
13.8
AAA
9.6
AAA
—
1.5
Fail
1.8
Fail
9.5
AAA
6.6
AA
1.5
Fail
—
1.2
Fail
7.6
AAA
5.3
AA
1.8
Fail
1.2
Fail
—
White BG
17.2AAA
12.1AAA
1.3Fail
1.8Fail
2.3Fail
Black BG
1.2Fail
1.7Fail
16.8AAA
11.5AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

232310
3C3C2F
F1F1CF
D2D1A5
C1C18B

Deuteranopia

252711
3D3F2F
F3F5D0
D5D9A6
C5C98D

Tritanopia

2E1111
433030
FCD3D4
E5A9AA
D99091

Achromatopsia

1B1B1B
373737
E7E7E7
C2C2C2
AEAEAE

Shades & Tints Shades & Tints

#301210

Dark
Light

#44322E

Dark
Light

#FDE1C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #301210;
  --color-2: #44322e;
  --color-3: #fde1c9;
  --color-4: #e8b5a0;
  --color-5: #dc9e85;
}

SCSS

$color-1: #301210;
$color-2: #44322e;
$color-3: #fde1c9;
$color-4: #e8b5a0;
$color-5: #dc9e85;

TAILWIND

colors: {
  'brand-1': '#301210',
  'brand-2': '#44322e',
  'brand-3': '#fde1c9',
  'brand-4': '#e8b5a0',
  'brand-5': '#dc9e85',
}

RGB Array

[48, 18, 16], [68, 50, 46], [253, 225, 201], [232, 181, 160], [220, 158, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #301210, #44322E, #FDE1C9, #E8B5A0, #DC9E85 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: #301210; --color-2: #44322e; --color-3: #fde1c9; --color-4: #e8b5a0; --color-5: #dc9e85. 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