← Back to Editor

#A8E0C3 · #E4A826 · #E8C135 · #E6DF46 · #EAE4A8

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

#A8E0C3

Celadon · LightBlue · Apple Green

HEX
#A8E0C3
RGB
rgb(168, 224, 195)
HSL
hsl(149, 47%, 77%)
HSB
hsb(149, 25%, 88%)
CMYK
cmyk(25%, 0%, 13%, 12%)
Oklch
oklch(86.0% 0.070 161.9)

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

#E4A826

Ginger · GoldenRod · Sunflower

HEX
#E4A826
RGB
rgb(228, 168, 38)
HSL
hsl(41, 78%, 52%)
HSB
hsb(41, 83%, 89%)
CMYK
cmyk(0%, 26%, 83%, 11%)
Oklch
oklch(76.8% 0.149 80.9)

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

#E8C135

Ginger · GoldenRod · Sunflower

HEX
#E8C135
RGB
rgb(232, 193, 53)
HSL
hsl(47, 80%, 56%)
HSB
hsb(47, 77%, 91%)
CMYK
cmyk(0%, 17%, 77%, 9%)
Oklch
oklch(82.2% 0.154 92.4)

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

#E6DF46

Autumn Sage · SandyBrown · Sunflower

HEX
#E6DF46
RGB
rgb(230, 223, 70)
HSL
hsl(57, 76%, 59%)
HSB
hsb(57, 70%, 90%)
CMYK
cmyk(0%, 3%, 70%, 10%)
Oklch
oklch(88.3% 0.166 106.7)

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

#EAE4A8

Fresh Green · Wheat · Lemon Cream

HEX
#EAE4A8
RGB
rgb(234, 228, 168)
HSL
hsl(55, 61%, 79%)
HSB
hsb(55, 28%, 92%)
CMYK
cmyk(0%, 3%, 28%, 8%)
Oklch
oklch(90.9% 0.078 103.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8E0C3
E0A9C5

Analogous

AAE0A9
A8E0C3
A9E0DF

Triadic

A8E0C3
C3A9E0
E0C3A9

Split-Comp.

A8E0C3
DFA9E0
E0A9AA

Tetradic

A8E0C3
A9AAE0
E0A9C5
E0DFA9

Contrast Matrix WCAG 2.1 Contrast

A8E0C3
E4A826
E8C135
E6DF46
EAE4A8
—
1.4
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.4
Fail
—
1.2
Fail
1.5
Fail
1.6
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
White BG
1.5Fail
2.1Fail
1.7Fail
1.4Fail
1.3Fail
Black BG
14.1AAA
9.9AAA
12.1AAA
15.0AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C1CA
CAC945
D7D757
E3E36B
E7E7B7

Deuteranopia

BDB9CC
CED24D
D9DC5F
E3E474
E8E8BA

Tritanopia

ABD0D1
E15E64
E67278
E6888F
EAC2C5

Achromatopsia

CCCCCC
ABABAB
BDBDBD
D0D0D0
DFDFDF

Shades & Tints Shades & Tints

#A8E0C3

Dark
Light

#E4A826

Dark
Light

#E8C135

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8e0c3;
  --color-2: #e4a826;
  --color-3: #e8c135;
  --color-4: #e6df46;
  --color-5: #eae4a8;
}

SCSS

$color-1: #a8e0c3;
$color-2: #e4a826;
$color-3: #e8c135;
$color-4: #e6df46;
$color-5: #eae4a8;

TAILWIND

colors: {
  'brand-1': '#a8e0c3',
  'brand-2': '#e4a826',
  'brand-3': '#e8c135',
  'brand-4': '#e6df46',
  'brand-5': '#eae4a8',
}

RGB Array

[168, 224, 195], [228, 168, 38], [232, 193, 53], [230, 223, 70], [234, 228, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A8E0C3, #E4A826, #E8C135, #E6DF46, #EAE4A8 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #a8e0c3; --color-2: #e4a826; --color-3: #e8c135; --color-4: #e6df46; --color-5: #eae4a8. 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. 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