← Back to Editor

#4E694D · #ADB405 · #FFFD91 · #DDEEAA · #CEC367

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

#4E694D

Celadon · DarkOliveGreen · Forest Green

HEX
#4E694D
RGB
rgb(78, 105, 77)
HSL
hsl(118, 15%, 36%)
HSB
hsb(118, 27%, 41%)
CMYK
cmyk(26%, 0%, 27%, 59%)
Oklch
oklch(49.1% 0.054 143.8)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#ADB405

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#ADB405
RGB
rgb(173, 180, 5)
HSL
hsl(62, 95%, 36%)
HSB
hsb(62, 97%, 71%)
CMYK
cmyk(4%, 0%, 97%, 29%)
Oklch
oklch(73.9% 0.163 112.6)

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

#FFFD91

Fresh Green · Khaki · Lemon Cream

HEX
#FFFD91
RGB
rgb(255, 253, 145)
HSL
hsl(59, 100%, 78%)
HSB
hsb(59, 43%, 100%)
CMYK
cmyk(0%, 1%, 43%, 0%)
Oklch
oklch(97.3% 0.131 107.7)

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

#DDEEAA

Willow Green · Wheat · Apple Green

HEX
#DDEEAA
RGB
rgb(221, 238, 170)
HSL
hsl(75, 67%, 80%)
HSB
hsb(75, 29%, 93%)
CMYK
cmyk(7%, 0%, 29%, 7%)
Oklch
oklch(92.0% 0.090 119.6)

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

#CEC367

Fresh Green · BurlyWood · Sunflower

HEX
#CEC367
RGB
rgb(206, 195, 103)
HSL
hsl(54, 51%, 61%)
HSB
hsb(54, 50%, 81%)
CMYK
cmyk(0%, 5%, 50%, 19%)
Oklch
oklch(80.7% 0.115 102.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4E694D
694E6A

Analogous

5D6A4E
4E694D
4E6A5B

Triadic

4E694D
4E4F6A
6A4E4F

Split-Comp.

4E694D
5B4E6A
6A4E5D

Tetradic

4E694D
4E5D6A
694E6A
6A5B4E

Contrast Matrix WCAG 2.1 Contrast

4E694D
ADB405
FFFD91
DDEEAA
CEC367
—
2.7
Fail
5.7
AA
4.9
AA
3.4
AA Large
2.7
Fail
—
2.1
Fail
1.8
Fail
1.2
Fail
5.7
AA
2.1
Fail
—
1.2
Fail
1.7
Fail
4.9
AA
1.8
Fail
1.2
Fail
—
1.5
Fail
3.4
AA Large
1.2
Fail
1.7
Fail
1.5
Fail
—
White BG
6.1AA
2.3Fail
1.1Fail
1.2Fail
1.8Fail
Black BG
3.5AA Large
9.3AAA
19.7AAA
16.9AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5A54
B0B02F
FEFEAB
E4E5BA
C9C97D

Deuteranopia

585655
B0AF3A
FEFEB1
E3E2BE
CACB83

Tritanopia

4F595A
AD5158
FFC0C4
DEC7CA
CD8F93

Achromatopsia

5E5E5E
9E9E9E
F1F1F1
E1E1E1
BCBCBC

Shades & Tints Shades & Tints

#4E694D

Dark
Light

#ADB405

Dark
Light

#FFFD91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4e694d;
  --color-2: #adb405;
  --color-3: #fffd91;
  --color-4: #ddeeaa;
  --color-5: #cec367;
}

SCSS

$color-1: #4e694d;
$color-2: #adb405;
$color-3: #fffd91;
$color-4: #ddeeaa;
$color-5: #cec367;

TAILWIND

colors: {
  'brand-1': '#4e694d',
  'brand-2': '#adb405',
  'brand-3': '#fffd91',
  'brand-4': '#ddeeaa',
  'brand-5': '#cec367',
}

RGB Array

[78, 105, 77], [173, 180, 5], [255, 253, 145], [221, 238, 170], [206, 195, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4E694D, #ADB405, #FFFD91, #DDEEAA, #CEC367 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: #4e694d; --color-2: #adb405; --color-3: #fffd91; --color-4: #ddeeaa; --color-5: #cec367. 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