← Back to Editor

#722839 · #202123 · #534E48 · #839178 · #E8D694

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

#722839

Crimson · Brown · Wine Red

HEX
#722839
RGB
rgb(114, 40, 57)
HSL
hsl(346, 48%, 30%)
HSB
hsb(346, 65%, 45%)
CMYK
cmyk(0%, 65%, 50%, 55%)
Oklch
oklch(39.1% 0.105 9.3)

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

#202123

Ink Black · Black · Dark Stone

HEX
#202123
RGB
rgb(32, 33, 35)
HSL
hsl(220, 4%, 13%)
HSB
hsb(220, 9%, 14%)
CMYK
cmyk(9%, 6%, 0%, 86%)
Oklch
oklch(24.8% 0.004 264.5)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#534E48

Dark Cyan · DarkSlateGray · Charcoal

HEX
#534E48
RGB
rgb(83, 78, 72)
HSL
hsl(33, 7%, 30%)
HSB
hsb(33, 13%, 33%)
CMYK
cmyk(0%, 6%, 13%, 67%)
Oklch
oklch(42.7% 0.012 72.5)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#839178

Celadon · Gray · Olive Green

HEX
#839178
RGB
rgb(131, 145, 120)
HSL
hsl(94, 10%, 52%)
HSB
hsb(94, 17%, 57%)
CMYK
cmyk(10%, 0%, 17%, 43%)
Oklch
oklch(63.8% 0.040 131.4)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#E8D694

Goose Yellow · Khaki · Sunflower

HEX
#E8D694
RGB
rgb(232, 214, 148)
HSL
hsl(47, 65%, 75%)
HSB
hsb(47, 36%, 91%)
CMYK
cmyk(0%, 8%, 36%, 9%)
Oklch
oklch(87.6% 0.087 94.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

722839
287160

Analogous

71285E
722839
713B28

Triadic

722839
397128
283971

Split-Comp.

722839
28713B
285E71

Tetradic

722839
5E7128
287160
3B2871

Contrast Matrix WCAG 2.1 Contrast

722839
202123
534E48
839178
E8D694
—
1.6
Fail
1.2
Fail
3.0
AA Large
7.0
AA
1.6
Fail
—
2.0
Fail
4.8
AA
11.1
AAA
1.2
Fail
2.0
Fail
—
2.5
Fail
5.7
AA
3.0
AA Large
4.8
AA
2.5
Fail
—
2.3
Fail
7.0
AA
11.1
AAA
5.7
AA
2.3
Fail
—
White BG
10.1AAA
16.1AAA
8.2AAA
3.3AA Large
1.5Fail
Black BG
2.1Fail
1.3Fail
2.6Fail
6.3AA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

525135
202023
515149
89897E
E0E0A4

Deuteranopia

565C34
202022
51524A
888780
E1E3A8

Tritanopia

6E3231
202222
534B4B
848384
E7B1B3

Achromatopsia

404040
212121
4F4F4F
8A8A8A
D4D4D4

Shades & Tints Shades & Tints

#722839

Dark
Light

#202123

Dark
Light

#534E48

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #722839;
  --color-2: #202123;
  --color-3: #534e48;
  --color-4: #839178;
  --color-5: #e8d694;
}

SCSS

$color-1: #722839;
$color-2: #202123;
$color-3: #534e48;
$color-4: #839178;
$color-5: #e8d694;

TAILWIND

colors: {
  'brand-1': '#722839',
  'brand-2': '#202123',
  'brand-3': '#534e48',
  'brand-4': '#839178',
  'brand-5': '#e8d694',
}

RGB Array

[114, 40, 57], [32, 33, 35], [83, 78, 72], [131, 145, 120], [232, 214, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #722839, #202123, #534E48, #839178, #E8D694 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #722839; --color-2: #202123; --color-3: #534e48; --color-4: #839178; --color-5: #e8d694. 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. Restrained colors convey professionalism and trust. 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