← Back to Editor

#483030 · #E4869D · #A8BAE0 · #F1EBA3 · #F1EEEE

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

#483030

Crimson · DarkSlateGray · Wine Red

HEX
#483030
RGB
rgb(72, 48, 48)
HSL
hsl(0, 20%, 24%)
HSB
hsb(0, 33%, 28%)
CMYK
cmyk(0%, 33%, 33%, 72%)
Oklch
oklch(33.8% 0.035 19.1)

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

#E4869D

Peach Pink · LightCoral · Coral Red

HEX
#E4869D
RGB
rgb(228, 134, 157)
HSL
hsl(345, 64%, 71%)
HSB
hsb(345, 41%, 89%)
CMYK
cmyk(0%, 41%, 31%, 11%)
Oklch
oklch(72.6% 0.118 4.7)

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

#A8BAE0

Azure · LightSteelBlue · Cobalt Blue

HEX
#A8BAE0
RGB
rgb(168, 186, 224)
HSL
hsl(221, 47%, 77%)
HSB
hsb(221, 25%, 88%)
CMYK
cmyk(25%, 17%, 0%, 12%)
Oklch
oklch(78.8% 0.058 265.1)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#F1EBA3

Fresh Green · Wheat · Lemon Cream

HEX
#F1EBA3
RGB
rgb(241, 235, 163)
HSL
hsl(55, 74%, 79%)
HSB
hsb(55, 32%, 95%)
CMYK
cmyk(0%, 2%, 32%, 5%)
Oklch
oklch(92.8% 0.092 104.0)

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

#F1EEEE

Peach Pink · Linen · Cherry Blossom

HEX
#F1EEEE
RGB
rgb(241, 238, 238)
HSL
hsl(0, 10%, 94%)
HSB
hsb(0, 1%, 95%)
CMYK
cmyk(0%, 1%, 1%, 5%)
Oklch
oklch(95.1% 0.003 17.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

483030
314949

Analogous

49313D
483030
493D31

Triadic

483030
314931
313149

Split-Comp.

483030
31493D
313D49

Tetradic

483030
3D4931
314949
3D3149

Contrast Matrix WCAG 2.1 Contrast

483030
E4869D
A8BAE0
F1EBA3
F1EEEE
—
4.7
AA
6.2
AA
9.9
AAA
10.5
AAA
4.7
AA
—
1.3
Fail
2.1
Fail
2.2
Fail
6.2
AA
1.3
Fail
—
1.6
Fail
1.7
Fail
9.9
AAA
2.1
Fail
1.6
Fail
—
1.1
Fail
10.5
AAA
2.2
Fail
1.7
Fail
1.1
Fail
—
White BG
12.1AAA
2.6Fail
2.0Fail
1.2Fail
1.2Fail
Black BG
1.7Fail
8.2AAA
10.8AAA
17.2AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3D30
BBBA97
B0B0D7
EEEEB4
F0F0EE

Deuteranopia

3F4130
C1C896
AFADD5
EFEFB9
F0F0EE

Tritanopia

473030
DF9392
A9D0CE
F1C2C5
F1EEEE

Achromatopsia

373737
A5A5A5
B9B9B9
E5E5E5
EFEFEF

Shades & Tints Shades & Tints

#483030

Dark
Light

#E4869D

Dark
Light

#A8BAE0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #483030;
  --color-2: #e4869d;
  --color-3: #a8bae0;
  --color-4: #f1eba3;
  --color-5: #f1eeee;
}

SCSS

$color-1: #483030;
$color-2: #e4869d;
$color-3: #a8bae0;
$color-4: #f1eba3;
$color-5: #f1eeee;

TAILWIND

colors: {
  'brand-1': '#483030',
  'brand-2': '#e4869d',
  'brand-3': '#a8bae0',
  'brand-4': '#f1eba3',
  'brand-5': '#f1eeee',
}

RGB Array

[72, 48, 48], [228, 134, 157], [168, 186, 224], [241, 235, 163], [241, 238, 238]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #483030, #E4869D, #A8BAE0, #F1EBA3, #F1EEEE is ideal for: health products, baby brands, fresh-style blogs, 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: #483030; --color-2: #e4869d; --color-3: #a8bae0; --color-4: #f1eba3; --color-5: #f1eeee. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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