← Back to Editor

#FFEACC · #EBE3B5 · #A1D4BE · #F2418E · #362031

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FFEACC

Goose Yellow · Bisque · Peach Orange

HEX
#FFEACC
RGB
rgb(255, 234, 204)
HSL
hsl(35, 100%, 90%)
HSB
hsb(35, 20%, 100%)
CMYK
cmyk(0%, 8%, 20%, 0%)
Oklch
oklch(94.6% 0.046 76.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EBE3B5

Fresh Green · Wheat · Lemon Cream

HEX
#EBE3B5
RGB
rgb(235, 227, 181)
HSL
hsl(51, 57%, 82%)
HSB
hsb(51, 23%, 92%)
CMYK
cmyk(0%, 3%, 23%, 8%)
Oklch
oklch(91.1% 0.061 99.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#A1D4BE

Jade · Silver · Apple Green

HEX
#A1D4BE
RGB
rgb(161, 212, 190)
HSL
hsl(154, 37%, 73%)
HSB
hsb(154, 24%, 83%)
CMYK
cmyk(24%, 0%, 10%, 17%)
Oklch
oklch(82.8% 0.061 166.6)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#F2418E

Dark Violet · DeepPink · Rose Pink

HEX
#F2418E
RGB
rgb(242, 65, 142)
HSL
hsl(334, 87%, 60%)
HSB
hsb(334, 73%, 95%)
CMYK
cmyk(0%, 73%, 41%, 5%)
Oklch
oklch(65.6% 0.220 358.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#362031

Rose Purple · DarkSlateGray · Dark Purple

HEX
#362031
RGB
rgb(54, 32, 49)
HSL
hsl(314, 26%, 17%)
HSB
hsb(314, 41%, 21%)
CMYK
cmyk(0%, 41%, 9%, 79%)
Oklch
oklch(27.9% 0.044 335.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEACC
CCE1FF

Analogous

FFD0CC
FFEACC
FBFFCC

Triadic

FFEACC
CCFFEA
EACCFF

Split-Comp.

FFEACC
CCFBFF
D0CCFF

Tetradic

FFEACC
CCFFD0
CCE1FF
FFCCFB

Contrast Matrix WCAG 2.1 Contrast

FFEACC
EBE3B5
A1D4BE
F2418E
362031
—
1.1
Fail
1.4
Fail
3.0
AA Large
12.7
AAA
1.1
Fail
—
1.3
Fail
2.7
Fail
11.5
AAA
1.4
Fail
1.3
Fail
—
2.1
Fail
9.0
AAA
3.0
AA Large
2.7
Fail
2.1
Fail
—
4.2
AA Large
12.7
AAA
11.5
AAA
9.0
AAA
4.2
AA Large
—
White BG
1.2Fail
1.3Fail
1.7Fail
3.5AA Large
14.9AAA
Black BG
17.9AAA
16.2AAA
12.7AAA
5.9AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6D3
E8E7C0
B7B8C3
A5A47B
2C2C2D

Deuteranopia

F7F9D5
E8E9C3
B4B0C5
B0BD77
2E2F2C

Tritanopia

FED9DA
EBC9CB
A4C8C8
E96D69
352A29

Achromatopsia

EDEDED
E0E0E0
C2C2C2
7F7F7F
292929

Shades & Tints Shades & Tints

#FFEACC

Dark
Light

#EBE3B5

Dark
Light

#A1D4BE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffeacc;
  --color-2: #ebe3b5;
  --color-3: #a1d4be;
  --color-4: #f2418e;
  --color-5: #362031;
}

SCSS

$color-1: #ffeacc;
$color-2: #ebe3b5;
$color-3: #a1d4be;
$color-4: #f2418e;
$color-5: #362031;

TAILWIND

colors: {
  'brand-1': '#ffeacc',
  'brand-2': '#ebe3b5',
  'brand-3': '#a1d4be',
  'brand-4': '#f2418e',
  'brand-5': '#362031',
}

RGB Array

[255, 234, 204], [235, 227, 181], [161, 212, 190], [242, 65, 142], [54, 32, 49]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEACC, #EBE3B5, #A1D4BE, #F2418E, #362031 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: #ffeacc; --color-2: #ebe3b5; --color-3: #a1d4be; --color-4: #f2418e; --color-5: #362031. 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