← Back to Editor

#AEE2D6 · #F5EBD0 · #D2CB83 · #E87C61 · #E9628A

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

#AEE2D6

Jade · LightBlue · Glacier Blue

HEX
#AEE2D6
RGB
rgb(174, 226, 214)
HSL
hsl(166, 47%, 78%)
HSB
hsb(166, 23%, 89%)
CMYK
cmyk(23%, 0%, 5%, 11%)
Oklch
oklch(87.3% 0.056 179.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#F5EBD0

Goose Yellow · Beige · Lemon Cream

HEX
#F5EBD0
RGB
rgb(245, 235, 208)
HSL
hsl(44, 65%, 89%)
HSB
hsb(44, 15%, 96%)
CMYK
cmyk(0%, 4%, 15%, 4%)
Oklch
oklch(94.1% 0.037 90.1)

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

#D2CB83

Fresh Green · BurlyWood · Sunflower

HEX
#D2CB83
RGB
rgb(210, 203, 131)
HSL
hsl(55, 47%, 67%)
HSB
hsb(55, 38%, 82%)
CMYK
cmyk(0%, 3%, 38%, 18%)
Oklch
oklch(83.1% 0.093 103.4)

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

#E87C61

Peach Pink · Salmon · Coral Red

HEX
#E87C61
RGB
rgb(232, 124, 97)
HSL
hsl(12, 75%, 65%)
HSB
hsb(12, 58%, 91%)
CMYK
cmyk(0%, 47%, 58%, 9%)
Oklch
oklch(70.2% 0.140 35.1)

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

#E9628A

Rouge · LightCoral · Rose Pink

HEX
#E9628A
RGB
rgb(233, 98, 138)
HSL
hsl(342, 75%, 65%)
HSB
hsb(342, 58%, 91%)
CMYK
cmyk(0%, 58%, 41%, 9%)
Oklch
oklch(67.5% 0.171 4.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEE2D6
E1ADB9

Analogous

ADE1BB
AEE2D6
ADD3E1

Triadic

AEE2D6
D5ADE1
E1D5AD

Split-Comp.

AEE2D6
E1ADD3
E1BBAD

Tetradic

AEE2D6
BBADE1
E1ADB9
D3E1AD

Contrast Matrix WCAG 2.1 Contrast

AEE2D6
F5EBD0
D2CB83
E87C61
E9628A
—
1.2
Fail
1.2
Fail
2.0
Fail
2.2
Fail
1.2
Fail
—
1.4
Fail
2.4
Fail
2.7
Fail
1.2
Fail
1.4
Fail
—
1.7
Fail
1.9
Fail
2.0
Fail
2.4
Fail
1.7
Fail
—
1.1
Fail
2.2
Fail
2.7
Fail
1.9
Fail
1.1
Fail
—
White BG
1.4Fail
1.2Fail
1.7Fail
2.8Fail
3.2AA Large
Black BG
14.6AAA
17.7AAA
12.6AAA
7.5AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5D9
F1F1D7
CFCF94
B9B868
AFAD80

Deuteranopia

C2BEDA
F1F2D8
CFD099
C0C869
B6C17E

Tritanopia

B1DBDC
F5DCDD
D2A2A5
E36D6E
E27977

Achromatopsia

D1D1D1
EBEBEB
C5C5C5
999999
8F8F8F

Shades & Tints Shades & Tints

#AEE2D6

Dark
Light

#F5EBD0

Dark
Light

#D2CB83

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aee2d6;
  --color-2: #f5ebd0;
  --color-3: #d2cb83;
  --color-4: #e87c61;
  --color-5: #e9628a;
}

SCSS

$color-1: #aee2d6;
$color-2: #f5ebd0;
$color-3: #d2cb83;
$color-4: #e87c61;
$color-5: #e9628a;

TAILWIND

colors: {
  'brand-1': '#aee2d6',
  'brand-2': '#f5ebd0',
  'brand-3': '#d2cb83',
  'brand-4': '#e87c61',
  'brand-5': '#e9628a',
}

RGB Array

[174, 226, 214], [245, 235, 208], [210, 203, 131], [232, 124, 97], [233, 98, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AEE2D6, #F5EBD0, #D2CB83, #E87C61, #E9628A 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: #aee2d6; --color-2: #f5ebd0; --color-3: #d2cb83; --color-4: #e87c61; --color-5: #e9628a. 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