← Back to Editor

#BDD69A · #DAB55D · #E59526 · #A15130 · #353D06

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

#BDD69A

Willow Green · Tan · Apple Green

HEX
#BDD69A
RGB
rgb(189, 214, 154)
HSL
hsl(85, 42%, 72%)
HSB
hsb(85, 28%, 84%)
CMYK
cmyk(12%, 0%, 28%, 16%)
Oklch
oklch(84.3% 0.084 126.5)

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

#DAB55D

Ginger · SandyBrown · Sunflower

HEX
#DAB55D
RGB
rgb(218, 181, 93)
HSL
hsl(42, 63%, 61%)
HSB
hsb(42, 57%, 85%)
CMYK
cmyk(0%, 17%, 57%, 15%)
Oklch
oklch(78.8% 0.115 86.8)

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

#E59526

Ginger · GoldenRod · Warm Sun

HEX
#E59526
RGB
rgb(229, 149, 38)
HSL
hsl(35, 79%, 52%)
HSB
hsb(35, 83%, 90%)
CMYK
cmyk(0%, 35%, 83%, 10%)
Oklch
oklch(73.4% 0.149 68.7)

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

#A15130

Tangerine · Sienna · Amber Brown

HEX
#A15130
RGB
rgb(161, 81, 48)
HSL
hsl(18, 54%, 41%)
HSB
hsb(18, 70%, 63%)
CMYK
cmyk(0%, 50%, 70%, 37%)
Oklch
oklch(52.7% 0.116 42.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#353D06

Autumn Sage · DarkGreen · Amber Gold

HEX
#353D06
RGB
rgb(53, 61, 6)
HSL
hsl(69, 82%, 13%)
HSB
hsb(69, 90%, 24%)
CMYK
cmyk(13%, 0%, 90%, 76%)
Oklch
oklch(34.1% 0.074 118.0)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDD69A
B39AD6

Analogous

D6D19A
BDD69A
9FD69A

Triadic

BDD69A
9ABDD6
D69ABD

Split-Comp.

BDD69A
9A9FD6
D19AD6

Tetradic

BDD69A
9AD6D1
B39AD6
D69A9F

Contrast Matrix WCAG 2.1 Contrast

BDD69A
DAB55D
E59526
A15130
353D06
—
1.2
Fail
1.5
Fail
3.5
AA Large
7.3
AAA
1.2
Fail
—
1.2
Fail
2.9
Fail
5.9
AA
1.5
Fail
1.2
Fail
—
2.3
Fail
4.8
AA
3.5
AA Large
2.9
Fail
2.3
Fail
—
2.1
Fail
7.3
AAA
5.9
AA
4.8
AA
2.1
Fail
—
White BG
1.6Fail
2.0Fail
2.4Fail
5.6AA
11.5AAA
Black BG
13.2AAA
10.7AAA
8.7AAA
3.7AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8A9
CACA72
C2C241
7E7E38
383913

Deuteranopia

C6C5AC
CCCF77
C7CD47
83893A
383717

Tritanopia

BEB4B7
D88387
E1565B
9D3E40
351E20

Achromatopsia

C8C8C8
B6B6B6
A0A0A0
656565
343434

Shades & Tints Shades & Tints

#BDD69A

Dark
Light

#DAB55D

Dark
Light

#E59526

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdd69a;
  --color-2: #dab55d;
  --color-3: #e59526;
  --color-4: #a15130;
  --color-5: #353d06;
}

SCSS

$color-1: #bdd69a;
$color-2: #dab55d;
$color-3: #e59526;
$color-4: #a15130;
$color-5: #353d06;

TAILWIND

colors: {
  'brand-1': '#bdd69a',
  'brand-2': '#dab55d',
  'brand-3': '#e59526',
  'brand-4': '#a15130',
  'brand-5': '#353d06',
}

RGB Array

[189, 214, 154], [218, 181, 93], [229, 149, 38], [161, 81, 48], [53, 61, 6]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BDD69A, #DAB55D, #E59526, #A15130, #353D06 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: #bdd69a; --color-2: #dab55d; --color-3: #e59526; --color-4: #a15130; --color-5: #353d06. 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