← Back to Editor

#EE5264 · #F1927E · #E1B58F · #C8AD9A · #A9A199

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EE5264

Peach Pink · Tomato · Coral Red

HEX
#EE5264
RGB
rgb(238, 82, 100)
HSL
hsl(353, 82%, 63%)
HSB
hsb(353, 66%, 93%)
CMYK
cmyk(0%, 66%, 58%, 7%)
Oklch
oklch(65.5% 0.191 17.5)

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

#F1927E

Peach Pink · DarkSalmon · Coral Red

HEX
#F1927E
RGB
rgb(241, 146, 126)
HSL
hsl(10, 80%, 72%)
HSB
hsb(10, 48%, 95%)
CMYK
cmyk(0%, 39%, 48%, 5%)
Oklch
oklch(75.4% 0.119 32.7)

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

#E1B58F

Apricot · BurlyWood · Warm Sun

HEX
#E1B58F
RGB
rgb(225, 181, 143)
HSL
hsl(28, 58%, 72%)
HSB
hsb(28, 36%, 88%)
CMYK
cmyk(0%, 20%, 36%, 12%)
Oklch
oklch(80.3% 0.072 62.3)

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

#C8AD9A

Apricot · Tan · Warm Sun

HEX
#C8AD9A
RGB
rgb(200, 173, 154)
HSL
hsl(25, 29%, 69%)
HSB
hsb(25, 23%, 78%)
CMYK
cmyk(0%, 13%, 23%, 22%)
Oklch
oklch(76.6% 0.041 57.2)

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

#A9A199

Ginger · DarkGray · Silver Sand

HEX
#A9A199
RGB
rgb(169, 161, 153)
HSL
hsl(30, 9%, 63%)
HSB
hsb(30, 9%, 66%)
CMYK
cmyk(0%, 5%, 9%, 34%)
Oklch
oklch(71.3% 0.015 67.6)

Traditional「Ginger」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE5264
53EEDC

Analogous

EE53B3
EE5264
EE8F53

Triadic

EE5264
65EE53
5365EE

Split-Comp.

EE5264
53EE8F
53B3EE

Tetradic

EE5264
B3EE53
53EEDC
8F53EE

Contrast Matrix WCAG 2.1 Contrast

EE5264
F1927E
E1B58F
C8AD9A
A9A199
—
1.5
Fail
1.9
Fail
1.6
Fail
1.4
Fail
1.5
Fail
—
1.2
Fail
1.1
Fail
1.1
Fail
1.9
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.6
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.1
Fail
1.4
Fail
1.2
Fail
—
White BG
3.5AA Large
2.3Fail
1.9Fail
2.1Fail
2.5Fail
Black BG
6.0AA
9.2AAA
11.2AAA
9.9AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAA960
C8C783
CECE98
BCBC9F
A6A59B

Deuteranopia

B4BF5F
CDD584
D1D49A
BEC0A0
A6A79B

Tritanopia

E65C5B
EC8788
DF9FA1
C7A2A3
A99C9D

Achromatopsia

838383
ACACAC
BEBEBE
B3B3B3
A2A2A2

Shades & Tints Shades & Tints

#EE5264

Dark
Light

#F1927E

Dark
Light

#E1B58F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee5264;
  --color-2: #f1927e;
  --color-3: #e1b58f;
  --color-4: #c8ad9a;
  --color-5: #a9a199;
}

SCSS

$color-1: #ee5264;
$color-2: #f1927e;
$color-3: #e1b58f;
$color-4: #c8ad9a;
$color-5: #a9a199;

TAILWIND

colors: {
  'brand-1': '#ee5264',
  'brand-2': '#f1927e',
  'brand-3': '#e1b58f',
  'brand-4': '#c8ad9a',
  'brand-5': '#a9a199',
}

RGB Array

[238, 82, 100], [241, 146, 126], [225, 181, 143], [200, 173, 154], [169, 161, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EE5264, #F1927E, #E1B58F, #C8AD9A, #A9A199 is ideal for: health products, baby brands, fresh-style blogs. 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: #ee5264; --color-2: #f1927e; --color-3: #e1b58f; --color-4: #c8ad9a; --color-5: #a9a199. 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 general-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