#EFD67D + #C6BF78 + #9EA973 + #75926E + #4C7B69 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EFD67D

Goose Yellow · Khaki · Sunflower

HEX

#EFD67D

RGB

rgb(239, 214, 125)

HSL

hsl(47, 78%, 71%)

HSB

hsb(47, 48%, 94%)

CMYK

cmyk(0%, 10%, 48%, 6%)

Oklch

oklch(87.8% 0.113 94.2)

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

#C6BF78

Fresh Green · Tan · Sunflower

HEX

#C6BF78

RGB

rgb(198, 191, 120)

HSL

hsl(55, 41%, 62%)

HSB

hsb(55, 39%, 78%)

CMYK

cmyk(0%, 4%, 39%, 22%)

Oklch

oklch(79.4% 0.092 103.4)

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

#9EA973

Grass Green · DarkSeaGreen · Olive Green

HEX

#9EA973

RGB

rgb(158, 169, 115)

HSL

hsl(72, 24%, 56%)

HSB

hsb(72, 32%, 66%)

CMYK

cmyk(7%, 0%, 32%, 34%)

Oklch

oklch(71.3% 0.075 117.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#75926E

Celadon · Gray · Olive Green

HEX

#75926E

RGB

rgb(117, 146, 110)

HSL

hsl(108, 14%, 50%)

HSB

hsb(108, 25%, 57%)

CMYK

cmyk(20%, 0%, 25%, 43%)

Oklch

oklch(62.8% 0.062 139.6)

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

#4C7B69

Mineral Blue · DimGray · Forest Green

HEX

#4C7B69

RGB

rgb(76, 123, 105)

HSL

hsl(157, 24%, 39%)

HSB

hsb(157, 38%, 48%)

CMYK

cmyk(38%, 0%, 15%, 52%)

Oklch

oklch(54.4% 0.059 167.9)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFD67D

7B94EF

Analogous

EF9C7B

EFD67D

CEEF7B

Triadic

EFD67D

7BEFD6

D67BEF

Split-Comp.

EFD67D

7BCEEF

9C7BEF

Tetradic

EFD67D

7BEF9C

7B94EF

EF7BCE

Contrast Matrix WCAG 2.1 Contrast

EFD67D	C6BF78	9EA973	75926E	4C7B69
—	1.3 Fail	1.7 Fail	2.4 Fail	3.4 AA Large
1.3 Fail	—	1.3 Fail	1.8 Fail	2.6 Fail
1.7 Fail	1.3 Fail	—	1.4 Fail	1.9 Fail
2.4 Fail	1.8 Fail	1.4 Fail	—	1.4 Fail
3.4 AA Large	2.6 Fail	1.9 Fail	1.4 Fail	—

White BG

1.4Fail

1.9Fail

2.5Fail

3.4AA Large

4.8AA

Black BG

14.6AAA

11.1AAA

8.4AAA

6.1AA

4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E493

C3C389

A3A380

828277

60616D

Deuteranopia

E6E898

C3C48D

A2A183

807E79

5E5A6E

Tritanopia

EEA4A7

C6979A

9F8A8D

767E7F

4E7172

Achromatopsia

D3D3D3

B9B9B9

A0A0A0

858585

6B6B6B

Shades & Tints Shades & Tints

#EFD67D

Dark

Light

#C6BF78

Dark

Light

#9EA973

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efd67d;
  --color-2: #c6bf78;
  --color-3: #9ea973;
  --color-4: #75926e;
  --color-5: #4c7b69;
}

SCSS

$color-1: #efd67d;
$color-2: #c6bf78;
$color-3: #9ea973;
$color-4: #75926e;
$color-5: #4c7b69;

TAILWIND

colors: {
  'brand-1': '#efd67d',
  'brand-2': '#c6bf78',
  'brand-3': '#9ea973',
  'brand-4': '#75926e',
  'brand-5': '#4c7b69',
}

RGB Array

[239, 214, 125], [198, 191, 120], [158, 169, 115], [117, 146, 110], [76, 123, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFD67D, #C6BF78, #9EA973, #75926E, #4C7B69 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #efd67d; --color-2: #c6bf78; --color-3: #9ea973; --color-4: #75926e; --color-5: #4c7b69. 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 tech, SaaS, healthcare, eco industries. 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