← Back to Editor

#BDE4A1 · #ADE09D · #82690F · #CDB84F · #D7F39F

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 AppData Visualization

Color Details Color Details

#BDE4A1

Emerald · Silver · Apple Green

HEX
#BDE4A1
RGB
rgb(189, 228, 161)
HSL
hsl(95, 55%, 76%)
HSB
hsb(95, 29%, 89%)
CMYK
cmyk(17%, 0%, 29%, 11%)
Oklch
oklch(87.4% 0.098 132.7)

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

#ADE09D

Emerald · LightGreen · Apple Green

HEX
#ADE09D
RGB
rgb(173, 224, 157)
HSL
hsl(106, 52%, 75%)
HSB
hsb(106, 30%, 88%)
CMYK
cmyk(23%, 0%, 30%, 12%)
Oklch
oklch(85.4% 0.105 138.3)

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

#82690F

Ochre · Olive · Honey Gold

HEX
#82690F
RGB
rgb(130, 105, 15)
HSL
hsl(47, 79%, 28%)
HSB
hsb(47, 88%, 51%)
CMYK
cmyk(0%, 19%, 88%, 49%)
Oklch
oklch(53.0% 0.104 91.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#CDB84F

Autumn Sage · SandyBrown · Sunflower

HEX
#CDB84F
RGB
rgb(205, 184, 79)
HSL
hsl(50, 56%, 56%)
HSB
hsb(50, 61%, 80%)
CMYK
cmyk(0%, 10%, 61%, 20%)
Oklch
oklch(78.0% 0.127 98.0)

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

#D7F39F

Willow Green · Khaki · Apple Green

HEX
#D7F39F
RGB
rgb(215, 243, 159)
HSL
hsl(80, 78%, 79%)
HSB
hsb(80, 35%, 95%)
CMYK
cmyk(12%, 0%, 35%, 5%)
Oklch
oklch(92.4% 0.112 123.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDE4A1
C7A0E3

Analogous

DEE3A0
BDE4A1
A0E3A6

Triadic

BDE4A1
A0BCE3
E3A0BC

Split-Comp.

BDE4A1
A6A0E3
E3A0DE

Tetradic

BDE4A1
A0DEE3
C7A0E3
E3A6A0

Contrast Matrix WCAG 2.1 Contrast

BDE4A1
ADE09D
82690F
CDB84F
D7F39F
—
1.1
Fail
3.7
AA Large
1.4
Fail
1.2
Fail
1.1
Fail
—
3.5
AA Large
1.3
Fail
1.2
Fail
3.7
AA Large
3.5
AA Large
—
2.7
Fail
4.3
AA Large
1.4
Fail
1.3
Fail
2.7
Fail
—
1.6
Fail
1.2
Fail
1.2
Fail
4.3
AA Large
1.6
Fail
—
White BG
1.4Fail
1.5Fail
5.3AA
2.0Fail
1.2Fail
Black BG
14.8AAA
13.9AAA
4.0AA Large
10.6AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEB1
C3C4AD
777725
C4C468
E3E3B3

Deuteranopia

CCC9B5
C0BCB1
797B2A
C5C76F
E2DFB8

Tritanopia

BFBEC1
B0BABD
81363A
CC7C81
D8C3C7

Achromatopsia

D1D1D1
C9C9C9
666666
B2B2B2
E1E1E1

Shades & Tints Shades & Tints

#BDE4A1

Dark
Light

#ADE09D

Dark
Light

#82690F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bde4a1;
  --color-2: #ade09d;
  --color-3: #82690f;
  --color-4: #cdb84f;
  --color-5: #d7f39f;
}

SCSS

$color-1: #bde4a1;
$color-2: #ade09d;
$color-3: #82690f;
$color-4: #cdb84f;
$color-5: #d7f39f;

TAILWIND

colors: {
  'brand-1': '#bde4a1',
  'brand-2': '#ade09d',
  'brand-3': '#82690f',
  'brand-4': '#cdb84f',
  'brand-5': '#d7f39f',
}

RGB Array

[189, 228, 161], [173, 224, 157], [130, 105, 15], [205, 184, 79], [215, 243, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BDE4A1, #ADE09D, #82690F, #CDB84F, #D7F39F is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #bde4a1; --color-2: #ade09d; --color-3: #82690f; --color-4: #cdb84f; --color-5: #d7f39f. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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