← Back to Editor

#EAB6A1 · #B8B1A7 · #E69099 · #F27869 · #EC534B

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#EAB6A1

Apricot · BurlyWood · Peach Orange

HEX
#EAB6A1
RGB
rgb(234, 182, 161)
HSL
hsl(17, 63%, 77%)
HSB
hsb(17, 31%, 92%)
CMYK
cmyk(0%, 22%, 31%, 8%)
Oklch
oklch(81.8% 0.067 43.0)

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

#B8B1A7

Ginger · DarkGray · Warm Sun

HEX
#B8B1A7
RGB
rgb(184, 177, 167)
HSL
hsl(35, 11%, 69%)
HSB
hsb(35, 9%, 72%)
CMYK
cmyk(0%, 4%, 9%, 28%)
Oklch
oklch(76.3% 0.016 77.0)

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

#E69099

Peach Pink · LightCoral · Coral Red

HEX
#E69099
RGB
rgb(230, 144, 153)
HSL
hsl(354, 63%, 73%)
HSB
hsb(354, 37%, 90%)
CMYK
cmyk(0%, 37%, 33%, 10%)
Oklch
oklch(74.4% 0.105 13.1)

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

#F27869

Peach Pink · Salmon · Coral Red

HEX
#F27869
RGB
rgb(242, 120, 105)
HSL
hsl(7, 84%, 68%)
HSB
hsb(7, 57%, 95%)
CMYK
cmyk(0%, 50%, 57%, 5%)
Oklch
oklch(71.1% 0.153 28.7)

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

#EC534B

Peach Pink · Tomato · Coral Red

HEX
#EC534B
RGB
rgb(236, 83, 75)
HSL
hsl(3, 81%, 61%)
HSB
hsb(3, 68%, 93%)
CMYK
cmyk(0%, 65%, 68%, 7%)
Oklch
oklch(64.8% 0.190 26.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAB6A1
9FD4E9

Analogous

E99FAF
EAB6A1
E9D99F

Triadic

EAB6A1
9FE9B4
B49FE9

Split-Comp.

EAB6A1
9FE9D9
9FAFE9

Tetradic

EAB6A1
AFE99F
9FD4E9
D99FE9

Contrast Matrix WCAG 2.1 Contrast

EAB6A1
B8B1A7
E69099
F27869
EC534B
—
1.2
Fail
1.3
Fail
1.5
Fail
2.0
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
2.0
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
White BG
1.8Fail
2.1Fail
2.4Fail
2.7Fail
3.6AA Large
Black BG
11.7AAA
9.9AAA
8.8AAA
7.7AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3A6
B5B5A9
C1C097
BDBC6D
AAA84D

Deuteranopia

D7DAA7
B5B6AA
C6CC96
C4CD6E
B3BE4D

Tritanopia

E7AAAB
B8ABAC
E29595
EC6F70
E44E4F

Achromatopsia

C3C3C3
B2B2B2
ABABAB
9B9B9B
808080

Shades & Tints Shades & Tints

#EAB6A1

Dark
Light

#B8B1A7

Dark
Light

#E69099

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eab6a1;
  --color-2: #b8b1a7;
  --color-3: #e69099;
  --color-4: #f27869;
  --color-5: #ec534b;
}

SCSS

$color-1: #eab6a1;
$color-2: #b8b1a7;
$color-3: #e69099;
$color-4: #f27869;
$color-5: #ec534b;

TAILWIND

colors: {
  'brand-1': '#eab6a1',
  'brand-2': '#b8b1a7',
  'brand-3': '#e69099',
  'brand-4': '#f27869',
  'brand-5': '#ec534b',
}

RGB Array

[234, 182, 161], [184, 177, 167], [230, 144, 153], [242, 120, 105], [236, 83, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #EAB6A1, #B8B1A7, #E69099, #F27869, #EC534B is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #eab6a1; --color-2: #b8b1a7; --color-3: #e69099; --color-4: #f27869; --color-5: #ec534b. 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. 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 warm-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