← Back to Editor

#AAE5B7 · #DD8150 · #DFC546 · #DEE26D · #EBEA7D

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 App

Color Details Color Details

#AAE5B7

Emerald · Silver · Apple Green

HEX
#AAE5B7
RGB
rgb(170, 229, 183)
HSL
hsl(133, 53%, 78%)
HSB
hsb(133, 26%, 90%)
CMYK
cmyk(26%, 0%, 20%, 10%)
Oklch
oklch(86.9% 0.087 151.0)

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

#DD8150

Tangerine · Coral · Warm Sun

HEX
#DD8150
RGB
rgb(221, 129, 80)
HSL
hsl(21, 67%, 59%)
HSB
hsb(21, 64%, 87%)
CMYK
cmyk(0%, 42%, 64%, 13%)
Oklch
oklch(69.3% 0.131 47.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#DFC546

Autumn Sage · SandyBrown · Sunflower

HEX
#DFC546
RGB
rgb(223, 197, 70)
HSL
hsl(50, 71%, 57%)
HSB
hsb(50, 69%, 87%)
CMYK
cmyk(0%, 12%, 69%, 13%)
Oklch
oklch(82.3% 0.145 97.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DEE26D

Fresh Green · Khaki · Sunflower

HEX
#DEE26D
RGB
rgb(222, 226, 109)
HSL
hsl(62, 67%, 66%)
HSB
hsb(62, 52%, 89%)
CMYK
cmyk(2%, 0%, 52%, 11%)
Oklch
oklch(88.6% 0.140 110.7)

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

#EBEA7D

Fresh Green · Khaki · Sunflower

HEX
#EBEA7D
RGB
rgb(235, 234, 125)
HSL
hsl(59, 73%, 71%)
HSB
hsb(59, 47%, 92%)
CMYK
cmyk(0%, 0%, 47%, 8%)
Oklch
oklch(91.5% 0.132 108.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAE5B7
E5A9D8

Analogous

BAE5A9
AAE5B7
A9E5D4

Triadic

AAE5B7
B6A9E5
E5B6A9

Split-Comp.

AAE5B7
D4A9E5
E5A9BA

Tetradic

AAE5B7
A9BAE5
E5A9D8
E5D4A9

Contrast Matrix WCAG 2.1 Contrast

AAE5B7
DD8150
DFC546
DEE26D
EBEA7D
—
2.0
Fail
1.2
Fail
1.0
Fail
1.1
Fail
2.0
Fail
—
1.7
Fail
2.1
Fail
2.3
Fail
1.2
Fail
1.7
Fail
—
1.2
Fail
1.4
Fail
1.0
Fail
2.1
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
2.3
Fail
1.4
Fail
1.1
Fail
—
White BG
1.4Fail
2.9Fail
1.7Fail
1.4Fail
1.3Fail
Black BG
14.6AAA
7.3AAA
12.2AAA
15.2AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4C2
B5B45C
D4D465
E0E089
EBEB97

Deuteranopia

C0BCC5
BBC15F
D5D76C
E0DF90
EBEB9E

Tritanopia

ADCBCD
D86567
DE7D82
DEA0A5
EBACB1

Achromatopsia

CECECE
979797
BEBEBE
D3D3D3
DEDEDE

Shades & Tints Shades & Tints

#AAE5B7

Dark
Light

#DD8150

Dark
Light

#DFC546

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aae5b7;
  --color-2: #dd8150;
  --color-3: #dfc546;
  --color-4: #dee26d;
  --color-5: #ebea7d;
}

SCSS

$color-1: #aae5b7;
$color-2: #dd8150;
$color-3: #dfc546;
$color-4: #dee26d;
$color-5: #ebea7d;

TAILWIND

colors: {
  'brand-1': '#aae5b7',
  'brand-2': '#dd8150',
  'brand-3': '#dfc546',
  'brand-4': '#dee26d',
  'brand-5': '#ebea7d',
}

RGB Array

[170, 229, 183], [221, 129, 80], [223, 197, 70], [222, 226, 109], [235, 234, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAE5B7, #DD8150, #DFC546, #DEE26D, #EBEA7D 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: #aae5b7; --color-2: #dd8150; --color-3: #dfc546; --color-4: #dee26d; --color-5: #ebea7d. 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