← Back to Editor

#E0A764 · #F37E52 · #FD5F46 · #A34D55 · #45253F

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

#E0A764

Ginger · SandyBrown · Warm Sun

HEX
#E0A764
RGB
rgb(224, 167, 100)
HSL
hsl(32, 67%, 64%)
HSB
hsb(32, 55%, 88%)
CMYK
cmyk(0%, 25%, 55%, 12%)
Oklch
oklch(76.8% 0.108 69.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#F37E52

Apricot · Coral · Warm Sun

HEX
#F37E52
RGB
rgb(243, 126, 82)
HSL
hsl(16, 87%, 64%)
HSB
hsb(16, 66%, 95%)
CMYK
cmyk(0%, 48%, 66%, 5%)
Oklch
oklch(71.8% 0.155 40.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FD5F46

Peach Pink · Tomato · Coral Red

HEX
#FD5F46
RGB
rgb(253, 95, 70)
HSL
hsl(8, 98%, 63%)
HSB
hsb(8, 72%, 99%)
CMYK
cmyk(0%, 62%, 72%, 1%)
Oklch
oklch(68.8% 0.197 31.5)

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

#A34D55

Crimson · Sienna · Passion Red

HEX
#A34D55
RGB
rgb(163, 77, 85)
HSL
hsl(354, 36%, 47%)
HSB
hsb(354, 53%, 64%)
CMYK
cmyk(0%, 53%, 48%, 36%)
Oklch
oklch(53.0% 0.114 16.0)

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

#45253F

Rose Purple · DarkSlateGray · Eggplant

HEX
#45253F
RGB
rgb(69, 37, 63)
HSL
hsl(311, 30%, 21%)
HSB
hsb(311, 46%, 27%)
CMYK
cmyk(0%, 46%, 9%, 73%)
Oklch
oklch(31.7% 0.063 334.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0A764
669FE1

Analogous

E16A66
E0A764
DDE166

Triadic

E0A764
66E1A7
A766E1

Split-Comp.

E0A764
66DDE1
6A66E1

Tetradic

E0A764
66E16A
669FE1
E166DD

Contrast Matrix WCAG 2.1 Contrast

E0A764
F37E52
FD5F46
A34D55
45253F
—
1.2
Fail
1.4
Fail
2.6
Fail
6.2
AA
1.2
Fail
—
1.1
Fail
2.1
Fail
5.0
AA
1.4
Fail
1.1
Fail
—
1.8
Fail
4.3
AA Large
2.6
Fail
2.1
Fail
1.8
Fail
—
2.4
Fail
6.2
AA
5.0
AA
4.3
AA Large
2.4
Fail
—
White BG
2.1Fail
2.7Fail
3.0AA Large
5.6AA
13.2AAA
Black BG
9.9AAA
7.9AAA
6.9AA
3.8AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C774
C0BF5D
B9B74C
7E7D53
373739

Deuteranopia

CBCF78
C7D05F
C2CE4E
838953
393B37

Tritanopia

DD8184
ED6567
F55152
9F5251
433433

Achromatopsia

B0B0B0
9C9C9C
8B8B8B
686868
323232

Shades & Tints Shades & Tints

#E0A764

Dark
Light

#F37E52

Dark
Light

#FD5F46

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0a764;
  --color-2: #f37e52;
  --color-3: #fd5f46;
  --color-4: #a34d55;
  --color-5: #45253f;
}

SCSS

$color-1: #e0a764;
$color-2: #f37e52;
$color-3: #fd5f46;
$color-4: #a34d55;
$color-5: #45253f;

TAILWIND

colors: {
  'brand-1': '#e0a764',
  'brand-2': '#f37e52',
  'brand-3': '#fd5f46',
  'brand-4': '#a34d55',
  'brand-5': '#45253f',
}

RGB Array

[224, 167, 100], [243, 126, 82], [253, 95, 70], [163, 77, 85], [69, 37, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #E0A764, #F37E52, #FD5F46, #A34D55, #45253F 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: #e0a764; --color-2: #f37e52; --color-3: #fd5f46; --color-4: #a34d55; --color-5: #45253f. 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