← Back to Editor

#A55D39 · #FEAC84 · #B37A5D · #7D4224 · #EF7E46

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

#A55D39

Tangerine · Sienna · Amber Brown

HEX
#A55D39
RGB
rgb(165, 93, 57)
HSL
hsl(20, 49%, 44%)
HSB
hsb(20, 65%, 65%)
CMYK
cmyk(0%, 44%, 65%, 35%)
Oklch
oklch(55.4% 0.107 46.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FEAC84

Apricot · LightSalmon · Peach Orange

HEX
#FEAC84
RGB
rgb(254, 172, 132)
HSL
hsl(20, 98%, 76%)
HSB
hsb(20, 48%, 100%)
CMYK
cmyk(0%, 32%, 48%, 0%)
Oklch
oklch(81.5% 0.111 46.7)

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

#B37A5D

Tangerine · Gray · Warm Sun

HEX
#B37A5D
RGB
rgb(179, 122, 93)
HSL
hsl(20, 36%, 53%)
HSB
hsb(20, 48%, 70%)
CMYK
cmyk(0%, 32%, 48%, 30%)
Oklch
oklch(63.1% 0.083 47.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#7D4224

Tangerine · Sienna · Amber Brown

HEX
#7D4224
RGB
rgb(125, 66, 36)
HSL
hsl(20, 55%, 32%)
HSB
hsb(20, 71%, 49%)
CMYK
cmyk(0%, 47%, 71%, 51%)
Oklch
oklch(44.6% 0.092 46.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#EF7E46

Apricot · Coral · Warm Sun

HEX
#EF7E46
RGB
rgb(239, 126, 70)
HSL
hsl(20, 84%, 61%)
HSB
hsb(20, 71%, 94%)
CMYK
cmyk(0%, 47%, 71%, 6%)
Oklch
oklch(71.1% 0.156 45.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A55D39
3983A7

Analogous

A7394C
A55D39
A79539

Triadic

A55D39
39A75E
5E39A7

Split-Comp.

A55D39
39A795
394CA7

Tetradic

A55D39
4CA739
3983A7
9539A7

Contrast Matrix WCAG 2.1 Contrast

A55D39
FEAC84
B37A5D
7D4224
EF7E46
—
2.7
Fail
1.4
Fail
1.6
Fail
1.8
Fail
2.7
Fail
—
2.0
Fail
4.3
AA Large
1.5
Fail
1.4
Fail
2.0
Fail
—
2.2
Fail
1.3
Fail
1.6
Fail
4.3
AA Large
2.2
Fail
—
2.9
Fail
1.8
Fail
1.5
Fail
1.3
Fail
2.9
Fail
—
White BG
5.0AA
1.8Fail
3.6AA Large
7.8AAA
2.7Fail
Black BG
4.2AA Large
11.4AAA
5.9AA
2.7Fail
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

868542
DADA8E
9A9A64
63632B
BEBD54

Deuteranopia

8A8F44
DFE590
9EA266
676B2D
C5CD57

Tritanopia

A1494A
FA9597
B06A6B
7A3132
E95E61

Achromatopsia

6E6E6E
C0C0C0
888888
505050
999999

Shades & Tints Shades & Tints

#A55D39

Dark
Light

#FEAC84

Dark
Light

#B37A5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a55d39;
  --color-2: #feac84;
  --color-3: #b37a5d;
  --color-4: #7d4224;
  --color-5: #ef7e46;
}

SCSS

$color-1: #a55d39;
$color-2: #feac84;
$color-3: #b37a5d;
$color-4: #7d4224;
$color-5: #ef7e46;

TAILWIND

colors: {
  'brand-1': '#a55d39',
  'brand-2': '#feac84',
  'brand-3': '#b37a5d',
  'brand-4': '#7d4224',
  'brand-5': '#ef7e46',
}

RGB Array

[165, 93, 57], [254, 172, 132], [179, 122, 93], [125, 66, 36], [239, 126, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A55D39, #FEAC84, #B37A5D, #7D4224, #EF7E46 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: #a55d39; --color-2: #feac84; --color-3: #b37a5d; --color-4: #7d4224; --color-5: #ef7e46. 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