← Back to Editor

#EAF7C0 · #FFB787 · #F7778A · #A65682 · #5E1349

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#EAF7C0

Willow Green · Bisque · Mint Green

HEX
#EAF7C0
RGB
rgb(234, 247, 192)
HSL
hsl(74, 77%, 86%)
HSB
hsb(74, 22%, 97%)
CMYK
cmyk(5%, 0%, 22%, 3%)
Oklch
oklch(95.3% 0.073 118.6)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#FFB787

Apricot · LightSalmon · Peach Orange

HEX
#FFB787
RGB
rgb(255, 183, 135)
HSL
hsl(24, 100%, 76%)
HSB
hsb(24, 47%, 100%)
CMYK
cmyk(0%, 28%, 47%, 0%)
Oklch
oklch(83.6% 0.105 54.5)

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

#F7778A

Peach Pink · LightCoral · Coral Red

HEX
#F7778A
RGB
rgb(247, 119, 138)
HSL
hsl(351, 89%, 72%)
HSB
hsb(351, 52%, 97%)
CMYK
cmyk(0%, 52%, 44%, 3%)
Oklch
oklch(72.3% 0.157 12.6)

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

#A65682

Rose Purple · Gray · Camellia

HEX
#A65682
RGB
rgb(166, 86, 130)
HSL
hsl(327, 32%, 49%)
HSB
hsb(327, 48%, 65%)
CMYK
cmyk(0%, 48%, 22%, 35%)
Oklch
oklch(56.2% 0.118 347.4)

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

#5E1349

Rose Purple · Purple · Eggplant

HEX
#5E1349
RGB
rgb(94, 19, 73)
HSL
hsl(317, 66%, 22%)
HSB
hsb(317, 80%, 37%)
CMYK
cmyk(0%, 80%, 22%, 63%)
Oklch
oklch(33.8% 0.123 341.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAF7C0
CDC0F7

Analogous

F7E8C0
EAF7C0
CEF7C0

Triadic

EAF7C0
C0EAF7
F7C0EA

Split-Comp.

EAF7C0
C0CEF7
E8C0F7

Tetradic

EAF7C0
C0F7E8
CDC0F7
F7C0CE

Contrast Matrix WCAG 2.1 Contrast

EAF7C0
FFB787
F7778A
A65682
5E1349
—
1.5
Fail
2.3
Fail
4.3
AA Large
11.1
AAA
1.5
Fail
—
1.6
Fail
2.9
Fail
7.4
AAA
2.3
Fail
1.6
Fail
—
1.9
Fail
4.8
AA
4.3
AA Large
2.9
Fail
1.9
Fail
—
2.6
Fail
11.1
AAA
7.4
AAA
4.8
AA
2.6
Fail
—
White BG
1.1Fail
1.7Fail
2.6Fail
4.9AA
12.6AAA
Black BG
18.6AAA
12.4AAA
8.0AAA
4.3AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0CD
E0DF93
C0BE85
838377
3E3D3C

Deuteranopia

EFEED0
E4E995
C7D184
888E75
424839

Tritanopia

EBD8DA
FB9C9E
F18281
A26F6D
5A322F

Achromatopsia

EDEDED
C7C7C7
9F9F9F
737373
303030

Shades & Tints Shades & Tints

#EAF7C0

Dark
Light

#FFB787

Dark
Light

#F7778A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaf7c0;
  --color-2: #ffb787;
  --color-3: #f7778a;
  --color-4: #a65682;
  --color-5: #5e1349;
}

SCSS

$color-1: #eaf7c0;
$color-2: #ffb787;
$color-3: #f7778a;
$color-4: #a65682;
$color-5: #5e1349;

TAILWIND

colors: {
  'brand-1': '#eaf7c0',
  'brand-2': '#ffb787',
  'brand-3': '#f7778a',
  'brand-4': '#a65682',
  'brand-5': '#5e1349',
}

RGB Array

[234, 247, 192], [255, 183, 135], [247, 119, 138], [166, 86, 130], [94, 19, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAF7C0, #FFB787, #F7778A, #A65682, #5E1349 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: #eaf7c0; --color-2: #ffb787; --color-3: #f7778a; --color-4: #a65682; --color-5: #5e1349. 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 general-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