← Back to Editor

#EAB49C · #F2CABD · #C79798 · #786B80 · #3D4762

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

#EAB49C

Apricot · BurlyWood · Peach Orange

HEX
#EAB49C
RGB
rgb(234, 180, 156)
HSL
hsl(18, 65%, 76%)
HSB
hsb(18, 33%, 92%)
CMYK
cmyk(0%, 23%, 33%, 8%)
Oklch
oklch(81.3% 0.071 45.1)

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

#F2CABD

Apricot · Pink · Peach Orange

HEX
#F2CABD
RGB
rgb(242, 202, 189)
HSL
hsl(15, 67%, 85%)
HSB
hsb(15, 22%, 95%)
CMYK
cmyk(0%, 17%, 22%, 5%)
Oklch
oklch(87.0% 0.049 38.8)

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

#C79798

Peach Pink · Tan · Coral Red

HEX
#C79798
RGB
rgb(199, 151, 152)
HSL
hsl(359, 30%, 69%)
HSB
hsb(359, 24%, 78%)
CMYK
cmyk(0%, 24%, 24%, 22%)
Oklch
oklch(72.2% 0.058 17.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#786B80

Dark Plum · Gray · Warm Gray

HEX
#786B80
RGB
rgb(120, 107, 128)
HSL
hsl(277, 9%, 46%)
HSB
hsb(277, 16%, 50%)
CMYK
cmyk(6%, 16%, 0%, 50%)
Oklch
oklch(54.7% 0.036 312.6)

Traditional「Dark Plum」· Paint「Warm Gray」· Creative Urban Concrete

#3D4762

Indigo · DarkSlateGray · Prussian Blue

HEX
#3D4762
RGB
rgb(61, 71, 98)
HSL
hsl(224, 23%, 31%)
HSB
hsb(224, 38%, 38%)
CMYK
cmyk(38%, 28%, 0%, 62%)
Oklch
oklch(40.1% 0.048 268.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAB49C
9AD2EA

Analogous

EA9AAA
EAB49C
EADA9A

Triadic

EAB49C
9AEAB2
B29AEA

Split-Comp.

EAB49C
9AEADA
9AAAEA

Tetradic

EAB49C
AAEA9A
9AD2EA
DA9AEA

Contrast Matrix WCAG 2.1 Contrast

EAB49C
F2CABD
C79798
786B80
3D4762
—
1.2
Fail
1.4
Fail
2.7
Fail
5.1
AA
1.2
Fail
—
1.7
Fail
3.3
AA Large
6.1
AA
1.4
Fail
1.7
Fail
—
2.0
Fail
3.7
AA Large
2.7
Fail
3.3
AA Large
2.0
Fail
—
1.9
Fail
5.1
AA
6.1
AA
3.7
AA Large
1.9
Fail
—
White BG
1.8Fail
1.5Fail
2.5Fail
5.0AA
9.2AAA
Black BG
11.5AAA
14.0AAA
8.3AAA
4.2AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D2A2
E1E0C0
B2B298
72727B
41415B

Deuteranopia

D6DAA3
E3E6C1
B5B998
73747A
41405A

Tritanopia

E7A6A7
F0C3C3
C59898
777776
3D5655

Achromatopsia

C1C1C1
D4D4D4
A5A5A5
717171
474747

Shades & Tints Shades & Tints

#EAB49C

Dark
Light

#F2CABD

Dark
Light

#C79798

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eab49c;
  --color-2: #f2cabd;
  --color-3: #c79798;
  --color-4: #786b80;
  --color-5: #3d4762;
}

SCSS

$color-1: #eab49c;
$color-2: #f2cabd;
$color-3: #c79798;
$color-4: #786b80;
$color-5: #3d4762;

TAILWIND

colors: {
  'brand-1': '#eab49c',
  'brand-2': '#f2cabd',
  'brand-3': '#c79798',
  'brand-4': '#786b80',
  'brand-5': '#3d4762',
}

RGB Array

[234, 180, 156], [242, 202, 189], [199, 151, 152], [120, 107, 128], [61, 71, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EAB49C, #F2CABD, #C79798, #786B80, #3D4762 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: #eab49c; --color-2: #f2cabd; --color-3: #c79798; --color-4: #786b80; --color-5: #3d4762. 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