← Back to Editor

#96D98A · #EBD5A8 · #D9BA5E · #EB733E · #F21145

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

#96D98A

Emerald · LightGreen · Apple Green

HEX
#96D98A
RGB
rgb(150, 217, 138)
HSL
hsl(111, 51%, 70%)
HSB
hsb(111, 36%, 85%)
CMYK
cmyk(31%, 0%, 36%, 15%)
Oklch
oklch(82.1% 0.127 140.7)

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

#EBD5A8

Goose Yellow · Wheat · Lemon Cream

HEX
#EBD5A8
RGB
rgb(235, 213, 168)
HSL
hsl(40, 63%, 79%)
HSB
hsb(40, 29%, 92%)
CMYK
cmyk(0%, 9%, 29%, 8%)
Oklch
oklch(88.0% 0.064 84.9)

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

#D9BA5E

Ginger · SandyBrown · Sunflower

HEX
#D9BA5E
RGB
rgb(217, 186, 94)
HSL
hsl(45, 62%, 61%)
HSB
hsb(45, 57%, 85%)
CMYK
cmyk(0%, 14%, 57%, 15%)
Oklch
oklch(79.7% 0.117 91.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#EB733E

Tangerine · Tomato · Warm Sun

HEX
#EB733E
RGB
rgb(235, 115, 62)
HSL
hsl(18, 81%, 58%)
HSB
hsb(18, 74%, 92%)
CMYK
cmyk(0%, 51%, 74%, 8%)
Oklch
oklch(68.8% 0.163 42.9)

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

#F21145

Vermilion · Crimson · Passion Red

HEX
#F21145
RGB
rgb(242, 17, 69)
HSL
hsl(346, 90%, 51%)
HSB
hsb(346, 93%, 95%)
CMYK
cmyk(0%, 93%, 71%, 5%)
Oklch
oklch(61.2% 0.240 19.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

96D98A
CE8BDA

Analogous

BEDA8B
96D98A
8BDAA7

Triadic

96D98A
8B97DA
DA8B97

Split-Comp.

96D98A
A78BDA
DA8BBE

Tetradic

96D98A
8BBEDA
CE8BDA
DAA78B

Contrast Matrix WCAG 2.1 Contrast

96D98A
EBD5A8
D9BA5E
EB733E
F21145
—
1.2
Fail
1.1
Fail
1.8
Fail
2.5
Fail
1.2
Fail
—
1.3
Fail
2.1
Fail
3.0
Fail
1.1
Fail
1.3
Fail
—
1.6
Fail
2.3
Fail
1.8
Fail
2.1
Fail
1.6
Fail
—
1.4
Fail
2.5
Fail
3.0
Fail
2.3
Fail
1.4
Fail
—
White BG
1.7Fail
1.4Fail
1.9Fail
3.0Fail
4.2AA Large
Black BG
12.6AAA
14.6AAA
11.1AAA
7.1AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B49D
E1E1B3
CCCB74
B7B64B
918F38

Deuteranopia

AFAAA2
E3E4B6
CDD07A
BEC74E
9EAE35

Tritanopia

99ACB0
EABBBD
D7868A
E55557
E72E2C

Achromatopsia

BCBCBC
D6D6D6
B9B9B9
919191
5A5A5A

Shades & Tints Shades & Tints

#96D98A

Dark
Light

#EBD5A8

Dark
Light

#D9BA5E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #96d98a;
  --color-2: #ebd5a8;
  --color-3: #d9ba5e;
  --color-4: #eb733e;
  --color-5: #f21145;
}

SCSS

$color-1: #96d98a;
$color-2: #ebd5a8;
$color-3: #d9ba5e;
$color-4: #eb733e;
$color-5: #f21145;

TAILWIND

colors: {
  'brand-1': '#96d98a',
  'brand-2': '#ebd5a8',
  'brand-3': '#d9ba5e',
  'brand-4': '#eb733e',
  'brand-5': '#f21145',
}

RGB Array

[150, 217, 138], [235, 213, 168], [217, 186, 94], [235, 115, 62], [242, 17, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #96D98A, #EBD5A8, #D9BA5E, #EB733E, #F21145 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: #96d98a; --color-2: #ebd5a8; --color-3: #d9ba5e; --color-4: #eb733e; --color-5: #f21145. 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