← Back to Editor

#E2BF8D · #F4F49A · #F2DC6C · #9D4051 · #803242

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

#E2BF8D

Goose Yellow · BurlyWood · Warm Sun

HEX
#E2BF8D
RGB
rgb(226, 191, 141)
HSL
hsl(35, 59%, 72%)
HSB
hsb(35, 38%, 89%)
CMYK
cmyk(0%, 15%, 38%, 11%)
Oklch
oklch(82.3% 0.077 76.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F4F49A

Fresh Green · Khaki · Lemon Cream

HEX
#F4F49A
RGB
rgb(244, 244, 154)
HSL
hsl(60, 80%, 78%)
HSB
hsb(60, 37%, 96%)
CMYK
cmyk(0%, 0%, 37%, 4%)
Oklch
oklch(94.7% 0.112 108.4)

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

#F2DC6C

Fresh Green · Khaki · Sunflower

HEX
#F2DC6C
RGB
rgb(242, 220, 108)
HSL
hsl(50, 84%, 69%)
HSB
hsb(50, 55%, 95%)
CMYK
cmyk(0%, 9%, 55%, 5%)
Oklch
oklch(89.1% 0.134 98.4)

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

#9D4051

Crimson · Sienna · Passion Red

HEX
#9D4051
RGB
rgb(157, 64, 81)
HSL
hsl(349, 42%, 43%)
HSB
hsb(349, 59%, 62%)
CMYK
cmyk(0%, 59%, 48%, 38%)
Oklch
oklch(50.1% 0.125 11.5)

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

#803242

Crimson · Brown · Wine Red

HEX
#803242
RGB
rgb(128, 50, 66)
HSL
hsl(348, 44%, 35%)
HSB
hsb(348, 61%, 50%)
CMYK
cmyk(0%, 61%, 48%, 50%)
Oklch
oklch(43.1% 0.109 10.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2BF8D
8DB1E2

Analogous

E2948D
E2BF8D
DBE28D

Triadic

E2BF8D
8DE2BF
BF8DE2

Split-Comp.

E2BF8D
8DDBE2
948DE2

Tetradic

E2BF8D
8DE294
8DB1E2
E28DDB

Contrast Matrix WCAG 2.1 Contrast

E2BF8D
F4F49A
F2DC6C
9D4051
803242
—
1.5
Fail
1.3
Fail
3.7
AA Large
4.9
AA
1.5
Fail
—
1.2
Fail
5.6
AA
7.4
AAA
1.3
Fail
1.2
Fail
—
4.6
AA
6.2
AA
3.7
AA Large
5.6
AA
4.6
AA
—
1.3
Fail
4.9
AA
7.4
AAA
6.2
AA
1.3
Fail
—
White BG
1.7Fail
1.2Fail
1.4Fail
6.4AA
8.6AAA
Black BG
12.1AAA
18.3AAA
15.2AAA
3.3AA Large
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D399
F4F4B0
E8E887
75744D
5E5E3E

Deuteranopia

D5D89C
F4F4B5
EAEB8E
7A814C
63693D

Tritanopia

E0A3A5
F4C1C5
F19CA1
984A49
7C3B3A

Achromatopsia

C4C4C4
EAEAEA
D6D6D6
5E5E5E
4B4B4B

Shades & Tints Shades & Tints

#E2BF8D

Dark
Light

#F4F49A

Dark
Light

#F2DC6C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2bf8d;
  --color-2: #f4f49a;
  --color-3: #f2dc6c;
  --color-4: #9d4051;
  --color-5: #803242;
}

SCSS

$color-1: #e2bf8d;
$color-2: #f4f49a;
$color-3: #f2dc6c;
$color-4: #9d4051;
$color-5: #803242;

TAILWIND

colors: {
  'brand-1': '#e2bf8d',
  'brand-2': '#f4f49a',
  'brand-3': '#f2dc6c',
  'brand-4': '#9d4051',
  'brand-5': '#803242',
}

RGB Array

[226, 191, 141], [244, 244, 154], [242, 220, 108], [157, 64, 81], [128, 50, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E2BF8D, #F4F49A, #F2DC6C, #9D4051, #803242 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e2bf8d; --color-2: #f4f49a; --color-3: #f2dc6c; --color-4: #9d4051; --color-5: #803242. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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