← Back to Editor

#E6AABB · #F2EBD3 · #5F504F · #E7EBB0 · #DDE38F

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

#E6AABB

Rouge · LightPink · Cherry Blossom

HEX
#E6AABB
RGB
rgb(230, 170, 187)
HSL
hsl(343, 55%, 78%)
HSB
hsb(343, 26%, 90%)
CMYK
cmyk(0%, 26%, 19%, 10%)
Oklch
oklch(79.9% 0.073 0.2)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F2EBD3

Goose Yellow · Beige · Lemon Cream

HEX
#F2EBD3
RGB
rgb(242, 235, 211)
HSL
hsl(46, 54%, 89%)
HSB
hsb(46, 13%, 95%)
CMYK
cmyk(0%, 3%, 13%, 5%)
Oklch
oklch(93.9% 0.033 93.5)

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

#5F504F

Crimson · DimGray · Charcoal

HEX
#5F504F
RGB
rgb(95, 80, 79)
HSL
hsl(4, 9%, 34%)
HSB
hsb(4, 17%, 37%)
CMYK
cmyk(0%, 16%, 17%, 63%)
Oklch
oklch(44.6% 0.020 22.5)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#E7EBB0

Fresh Green · Wheat · Lemon Cream

HEX
#E7EBB0
RGB
rgb(231, 235, 176)
HSL
hsl(64, 60%, 81%)
HSB
hsb(64, 25%, 92%)
CMYK
cmyk(2%, 0%, 25%, 8%)
Oklch
oklch(92.3% 0.076 111.0)

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

#DDE38F

Fresh Green · Khaki · Sunflower

HEX
#DDE38F
RGB
rgb(221, 227, 143)
HSL
hsl(64, 60%, 73%)
HSB
hsb(64, 37%, 89%)
CMYK
cmyk(3%, 0%, 37%, 11%)
Oklch
oklch(89.2% 0.107 111.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6AABB
A8E6D4

Analogous

E6A8D8
E6AABB
E6B5A8

Triadic

E6AABB
BAE6A8
A8BAE6

Split-Comp.

E6AABB
A8E6B5
A8D8E6

Tetradic

E6AABB
D8E6A8
A8E6D4
B5A8E6

Contrast Matrix WCAG 2.1 Contrast

E6AABB
F2EBD3
5F504F
E7EBB0
DDE38F
—
1.6
Fail
3.9
AA Large
1.6
Fail
1.4
Fail
1.6
Fail
—
6.4
AA
1.0
Fail
1.1
Fail
3.9
AA Large
6.4
AA
—
6.2
AA
5.6
AA
1.6
Fail
1.0
Fail
6.2
AA
—
1.1
Fail
1.4
Fail
1.1
Fail
5.6
AA
1.1
Fail
—
White BG
1.9Fail
1.2Fail
7.6AAA
1.2Fail
1.4Fail
Black BG
10.8AAA
17.6AAA
2.7Fail
16.9AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCBB7
EFEFD9
59584F
E9E9BE
E0E0A3

Deuteranopia

D0D4B6
EFF0DA
595B4F
E9E8C2
DFDFA8

Tritanopia

E3B4B3
F2DDDE
5E4F4F
E7CACC
DDB3B7

Achromatopsia

BEBEBE
EAEAEA
545454
E3E3E3
D8D8D8

Shades & Tints Shades & Tints

#E6AABB

Dark
Light

#F2EBD3

Dark
Light

#5F504F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6aabb;
  --color-2: #f2ebd3;
  --color-3: #5f504f;
  --color-4: #e7ebb0;
  --color-5: #dde38f;
}

SCSS

$color-1: #e6aabb;
$color-2: #f2ebd3;
$color-3: #5f504f;
$color-4: #e7ebb0;
$color-5: #dde38f;

TAILWIND

colors: {
  'brand-1': '#e6aabb',
  'brand-2': '#f2ebd3',
  'brand-3': '#5f504f',
  'brand-4': '#e7ebb0',
  'brand-5': '#dde38f',
}

RGB Array

[230, 170, 187], [242, 235, 211], [95, 80, 79], [231, 235, 176], [221, 227, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E6AABB, #F2EBD3, #5F504F, #E7EBB0, #DDE38F 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: #e6aabb; --color-2: #f2ebd3; --color-3: #5f504f; --color-4: #e7ebb0; --color-5: #dde38f. 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