← Back to Editor

#5A4154 · #A66C7A · #DD9388 · #EBC69A · #F1DAB8

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

#5A4154

Rose Purple · DarkSlateGray · Eggplant

HEX
#5A4154
RGB
rgb(90, 65, 84)
HSL
hsl(314, 16%, 30%)
HSB
hsb(314, 28%, 35%)
CMYK
cmyk(0%, 28%, 7%, 65%)
Oklch
oklch(41.0% 0.045 335.2)

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

#A66C7A

Crimson · Gray · Passion Red

HEX
#A66C7A
RGB
rgb(166, 108, 122)
HSL
hsl(346, 25%, 54%)
HSB
hsb(346, 35%, 65%)
CMYK
cmyk(0%, 35%, 27%, 35%)
Oklch
oklch(59.7% 0.076 3.9)

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

#DD9388

Peach Pink · DarkSalmon · Coral Red

HEX
#DD9388
RGB
rgb(221, 147, 136)
HSL
hsl(8, 56%, 70%)
HSB
hsb(8, 38%, 87%)
CMYK
cmyk(0%, 33%, 38%, 13%)
Oklch
oklch(73.5% 0.092 28.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EBC69A

Goose Yellow · BurlyWood · Peach Orange

HEX
#EBC69A
RGB
rgb(235, 198, 154)
HSL
hsl(33, 67%, 76%)
HSB
hsb(33, 34%, 92%)
CMYK
cmyk(0%, 16%, 34%, 8%)
Oklch
oklch(84.8% 0.072 71.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F1DAB8

Goose Yellow · Wheat · Peach Orange

HEX
#F1DAB8
RGB
rgb(241, 218, 184)
HSL
hsl(36, 67%, 83%)
HSB
hsb(36, 24%, 95%)
CMYK
cmyk(0%, 10%, 24%, 5%)
Oklch
oklch(89.9% 0.052 77.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5A4154
405946

Analogous

524059
5A4154
594047

Triadic

5A4154
535940
405359

Split-Comp.

5A4154
475940
405952

Tetradic

5A4154
595240
405946
404759

Contrast Matrix WCAG 2.1 Contrast

5A4154
A66C7A
DD9388
EBC69A
F1DAB8
—
2.2
Fail
3.7
AA Large
5.6
AA
6.7
AA
2.2
Fail
—
1.7
Fail
2.6
Fail
3.1
AA Large
3.7
AA Large
1.7
Fail
—
1.5
Fail
1.8
Fail
5.6
AA
2.6
Fail
1.5
Fail
—
1.2
Fail
6.7
AA
3.1
AA Large
1.8
Fail
1.2
Fail
—
White BG
9.1AAA
4.2AA Large
2.4Fail
1.6Fail
1.4Fail
Black BG
2.3Fail
5.0AA
8.6AAA
13.1AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4F4F
8D8C77
BDBC8B
DBDBA5
E7E7C0

Deuteranopia

51534E
909576
C1C78B
DDE0A7
E8EAC2

Tritanopia

594C4B
A37473
D98D8D
E9ADAF
F0C7C8

Achromatopsia

4B4B4B
7F7F7F
A8A8A8
CCCCCC
DDDDDD

Shades & Tints Shades & Tints

#5A4154

Dark
Light

#A66C7A

Dark
Light

#DD9388

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5a4154;
  --color-2: #a66c7a;
  --color-3: #dd9388;
  --color-4: #ebc69a;
  --color-5: #f1dab8;
}

SCSS

$color-1: #5a4154;
$color-2: #a66c7a;
$color-3: #dd9388;
$color-4: #ebc69a;
$color-5: #f1dab8;

TAILWIND

colors: {
  'brand-1': '#5a4154',
  'brand-2': '#a66c7a',
  'brand-3': '#dd9388',
  'brand-4': '#ebc69a',
  'brand-5': '#f1dab8',
}

RGB Array

[90, 65, 84], [166, 108, 122], [221, 147, 136], [235, 198, 154], [241, 218, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #5A4154, #A66C7A, #DD9388, #EBC69A, #F1DAB8 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: #5a4154; --color-2: #a66c7a; --color-3: #dd9388; --color-4: #ebc69a; --color-5: #f1dab8. 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