← Back to Editor

#A0EBB9 · #DDFFAB · #EAED3B · #FFCD19 · #FF7A38

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

#A0EBB9

Emerald · LightGreen · Apple Green

HEX
#A0EBB9
RGB
rgb(160, 235, 185)
HSL
hsl(140, 65%, 77%)
HSB
hsb(140, 32%, 92%)
CMYK
cmyk(32%, 0%, 21%, 8%)
Oklch
oklch(87.8% 0.102 154.6)

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

#DDFFAB

Willow Green · Wheat · Mint Green

HEX
#DDFFAB
RGB
rgb(221, 255, 171)
HSL
hsl(84, 100%, 84%)
HSB
hsb(84, 33%, 100%)
CMYK
cmyk(13%, 0%, 33%, 0%)
Oklch
oklch(95.6% 0.113 126.4)

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

#EAED3B

Autumn Sage · GreenYellow · Sunflower

HEX
#EAED3B
RGB
rgb(234, 237, 59)
HSL
hsl(61, 83%, 58%)
HSB
hsb(61, 75%, 93%)
CMYK
cmyk(1%, 0%, 75%, 7%)
Oklch
oklch(91.5% 0.185 110.6)

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

#FFCD19

Ginger · Gold · Sunflower

HEX
#FFCD19
RGB
rgb(255, 205, 25)
HSL
hsl(47, 100%, 55%)
HSB
hsb(47, 90%, 100%)
CMYK
cmyk(0%, 20%, 90%, 0%)
Oklch
oklch(86.8% 0.174 90.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FF7A38

Apricot · Coral · Warm Sun

HEX
#FF7A38
RGB
rgb(255, 122, 56)
HSL
hsl(20, 100%, 61%)
HSB
hsb(20, 78%, 100%)
CMYK
cmyk(0%, 52%, 78%, 0%)
Oklch
oklch(72.5% 0.180 44.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0EBB9
EA9ED1

Analogous

ABEA9E
A0EBB9
9EEADE

Triadic

A0EBB9
B89EEA
EAB89E

Split-Comp.

A0EBB9
DE9EEA
EA9EAB

Tetradic

A0EBB9
9EABEA
EA9ED1
EADE9E

Contrast Matrix WCAG 2.1 Contrast

A0EBB9
DDFFAB
EAED3B
FFCD19
FF7A38
—
1.3
Fail
1.1
Fail
1.1
Fail
1.9
Fail
1.3
Fail
—
1.1
Fail
1.4
Fail
2.3
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
2.1
Fail
1.1
Fail
1.4
Fail
1.2
Fail
—
1.7
Fail
1.9
Fail
2.3
Fail
2.1
Fail
1.7
Fail
—
White BG
1.4Fail
1.1Fail
1.3Fail
1.5Fail
2.6Fail
Black BG
15.1AAA
19.0AAA
16.7AAA
14.0AAA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C1C5
ECECBF
EBEB66
E9E945
C5C448

Deuteranopia

BCB7C8
EAE7C4
EBEB70
ECF04F
CDD74C

Tritanopia

A4CFD1
DFCFD3
EA8890
FD676F
F85557

Achromatopsia

CFCFCF
EBEBEB
D8D8D8
C7C7C7
9A9A9A

Shades & Tints Shades & Tints

#A0EBB9

Dark
Light

#DDFFAB

Dark
Light

#EAED3B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0ebb9;
  --color-2: #ddffab;
  --color-3: #eaed3b;
  --color-4: #ffcd19;
  --color-5: #ff7a38;
}

SCSS

$color-1: #a0ebb9;
$color-2: #ddffab;
$color-3: #eaed3b;
$color-4: #ffcd19;
$color-5: #ff7a38;

TAILWIND

colors: {
  'brand-1': '#a0ebb9',
  'brand-2': '#ddffab',
  'brand-3': '#eaed3b',
  'brand-4': '#ffcd19',
  'brand-5': '#ff7a38',
}

RGB Array

[160, 235, 185], [221, 255, 171], [234, 237, 59], [255, 205, 25], [255, 122, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0EBB9, #DDFFAB, #EAED3B, #FFCD19, #FF7A38 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: #a0ebb9; --color-2: #ddffab; --color-3: #eaed3b; --color-4: #ffcd19; --color-5: #ff7a38. 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