#E3D10B + #EDE218 + #B5B54E + #29524B + #266358 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E3D10B

Autumn Sage · Gold · Honey Gold

HEX

#E3D10B

RGB

rgb(227, 209, 11)

HSL

hsl(55, 91%, 47%)

HSB

hsb(55, 95%, 89%)

CMYK

cmyk(0%, 8%, 95%, 11%)

Oklch

oklch(84.9% 0.177 103.1)

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

#EDE218

Autumn Sage · Gold · Sunflower

HEX

#EDE218

RGB

rgb(237, 226, 24)

HSL

hsl(57, 86%, 51%)

HSB

hsb(57, 90%, 93%)

CMYK

cmyk(0%, 5%, 90%, 7%)

Oklch

oklch(89.3% 0.187 106.0)

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

#B5B54E

Autumn Sage · GoldenRod · Sunflower

HEX

#B5B54E

RGB

rgb(181, 181, 78)

HSL

hsl(60, 41%, 51%)

HSB

hsb(60, 57%, 71%)

CMYK

cmyk(0%, 0%, 57%, 29%)

Oklch

oklch(75.3% 0.126 109.1)

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

#29524B

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#29524B

RGB

rgb(41, 82, 75)

HSL

hsl(170, 33%, 24%)

HSB

hsb(170, 50%, 32%)

CMYK

cmyk(50%, 0%, 9%, 68%)

Oklch

oklch(40.6% 0.048 181.4)

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

#266358

Mineral Blue · DarkSlateGray · Mint Ice

HEX

#266358

RGB

rgb(38, 99, 88)

HSL

hsl(169, 45%, 27%)

HSB

hsb(169, 62%, 39%)

CMYK

cmyk(62%, 0%, 11%, 61%)

Oklch

oklch(45.7% 0.065 179.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3D10B

0B1DE5

Analogous

E5660B

E3D10B

8AE50B

Triadic

E3D10B

0BE5D3

D30BE5

Split-Comp.

E3D10B

0B8AE5

660BE5

Tetradic

E3D10B

0BE566

0B1DE5

E50B8A

Contrast Matrix WCAG 2.1 Contrast

E3D10B	EDE218	B5B54E	29524B	266358
—	1.2 Fail	1.4 Fail	5.6 AA	4.5 AA Large
1.2 Fail	—	1.6 Fail	6.4 AA	5.2 AA
1.4 Fail	1.6 Fail	—	4.0 AA Large	3.2 AA Large
5.6 AA	6.4 AA	4.0 AA Large	—	1.3 Fail
4.5 AA Large	5.2 AA	3.2 AA Large	1.3 Fail	—

White BG

1.6Fail

1.4Fail

2.2Fail

8.7AAA

7.0AA

Black BG

13.4AAA

15.5AAA

9.7AAA

2.4Fail

3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDB3B

E8E849

B5B567

3B3B4D

40415B

Deuteranopia

DCDE46

E9EA55

B5B56D

38354D

3D385B

Tritanopia

E26169

EC6F78

B57B7F

2B4E4E

295D5D

Achromatopsia

C0C0C0

CECECE

A9A9A9

454545

505050

Shades & Tints Shades & Tints

#E3D10B

Dark

Light

#EDE218

Dark

Light

#B5B54E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3d10b;
  --color-2: #ede218;
  --color-3: #b5b54e;
  --color-4: #29524b;
  --color-5: #266358;
}

SCSS

$color-1: #e3d10b;
$color-2: #ede218;
$color-3: #b5b54e;
$color-4: #29524b;
$color-5: #266358;

TAILWIND

colors: {
  'brand-1': '#e3d10b',
  'brand-2': '#ede218',
  'brand-3': '#b5b54e',
  'brand-4': '#29524b',
  'brand-5': '#266358',
}

RGB Array

[227, 209, 11], [237, 226, 24], [181, 181, 78], [41, 82, 75], [38, 99, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3D10B, #EDE218, #B5B54E, #29524B, #266358 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: #e3d10b; --color-2: #ede218; --color-3: #b5b54e; --color-4: #29524b; --color-5: #266358. 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