← Back to Editor

#FFABE1 · #E4DCC7 · #D6EFA3 · #9AE0D5 · #45C2C4

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 App

Color Details Color Details

#FFABE1

Mauve · Pink · Cherry Blossom

HEX
#FFABE1
RGB
rgb(255, 171, 225)
HSL
hsl(321, 100%, 84%)
HSB
hsb(321, 33%, 100%)
CMYK
cmyk(0%, 33%, 12%, 0%)
Oklch
oklch(83.9% 0.119 341.1)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#E4DCC7

Goose Yellow · LightGray · Lemon Cream

HEX
#E4DCC7
RGB
rgb(228, 220, 199)
HSL
hsl(43, 35%, 84%)
HSB
hsb(43, 13%, 89%)
CMYK
cmyk(0%, 4%, 13%, 11%)
Oklch
oklch(89.5% 0.029 89.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D6EFA3

Willow Green · Khaki · Apple Green

HEX
#D6EFA3
RGB
rgb(214, 239, 163)
HSL
hsl(80, 70%, 79%)
HSB
hsb(80, 32%, 94%)
CMYK
cmyk(10%, 0%, 32%, 6%)
Oklch
oklch(91.6% 0.102 123.2)

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

#9AE0D5

Jade · LightBlue · Lake Green

HEX
#9AE0D5
RGB
rgb(154, 224, 213)
HSL
hsl(171, 53%, 74%)
HSB
hsb(171, 31%, 88%)
CMYK
cmyk(31%, 0%, 5%, 12%)
Oklch
oklch(85.7% 0.072 183.7)

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

#45C2C4

Lake Blue · MediumTurquoise · Lake Green

HEX
#45C2C4
RGB
rgb(69, 194, 196)
HSL
hsl(181, 52%, 52%)
HSB
hsb(181, 65%, 77%)
CMYK
cmyk(65%, 1%, 0%, 23%)
Oklch
oklch(74.7% 0.108 196.6)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFABE1
ADFFCA

Analogous

F3ADFF
FFABE1
FFADBA

Triadic

FFABE1
E2FFAD
ADE2FF

Split-Comp.

FFABE1
BAFFAD
ADFFF3

Tetradic

FFABE1
FFF3AD
ADFFCA
ADBAFF

Contrast Matrix WCAG 2.1 Contrast

FFABE1
E4DCC7
D6EFA3
9AE0D5
45C2C4
—
1.3
Fail
1.4
Fail
1.2
Fail
1.2
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.7
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
1.4
Fail
1.2
Fail
1.6
Fail
1.7
Fail
1.4
Fail
—
White BG
1.7Fail
1.4Fail
1.3Fail
1.5Fail
2.2Fail
Black BG
12.2AAA
15.4AAA
16.7AAA
14.0AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDAD4
E1E0CC
E1E1B5
B8B9D8
7B7CC4

Deuteranopia

E0E6D1
E1E2CD
DFDEBA
B4AFD8
746BC3

Tritanopia

FBCAC7
E4D0D1
D7C4C7
9DDADA
4BC3C3

Achromatopsia

CACACA
DCDCDC
DFDFDF
CACACA
9D9D9D

Shades & Tints Shades & Tints

#FFABE1

Dark
Light

#E4DCC7

Dark
Light

#D6EFA3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffabe1;
  --color-2: #e4dcc7;
  --color-3: #d6efa3;
  --color-4: #9ae0d5;
  --color-5: #45c2c4;
}

SCSS

$color-1: #ffabe1;
$color-2: #e4dcc7;
$color-3: #d6efa3;
$color-4: #9ae0d5;
$color-5: #45c2c4;

TAILWIND

colors: {
  'brand-1': '#ffabe1',
  'brand-2': '#e4dcc7',
  'brand-3': '#d6efa3',
  'brand-4': '#9ae0d5',
  'brand-5': '#45c2c4',
}

RGB Array

[255, 171, 225], [228, 220, 199], [214, 239, 163], [154, 224, 213], [69, 194, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFABE1, #E4DCC7, #D6EFA3, #9AE0D5, #45C2C4 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: #ffabe1; --color-2: #e4dcc7; --color-3: #d6efa3; --color-4: #9ae0d5; --color-5: #45c2c4. 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 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