← Back to Editor

#E8C32E · #041D49 · #095B69 · #629C7C · #77B36B

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E8C32E

Ginger · GoldenRod · Sunflower

HEX
#E8C32E
RGB
rgb(232, 195, 46)
HSL
hsl(48, 80%, 55%)
HSB
hsb(48, 80%, 91%)
CMYK
cmyk(0%, 16%, 80%, 9%)
Oklch
oklch(82.6% 0.158 93.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#041D49

Indigo · MidnightBlue · Deep Sea Blue

HEX
#041D49
RGB
rgb(4, 29, 73)
HSL
hsl(218, 90%, 15%)
HSB
hsb(218, 95%, 29%)
CMYK
cmyk(95%, 60%, 0%, 71%)
Oklch
oklch(24.4% 0.088 260.3)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#095B69

Lake Blue · Teal · Peacock Green

HEX
#095B69
RGB
rgb(9, 91, 105)
HSL
hsl(189, 84%, 22%)
HSB
hsb(189, 91%, 41%)
CMYK
cmyk(91%, 13%, 0%, 59%)
Oklch
oklch(43.4% 0.073 213.3)

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

#629C7C

Celadon · CadetBlue · Olive Green

HEX
#629C7C
RGB
rgb(98, 156, 124)
HSL
hsl(147, 23%, 50%)
HSB
hsb(147, 37%, 61%)
CMYK
cmyk(37%, 0%, 21%, 39%)
Oklch
oklch(64.3% 0.078 159.0)

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

#77B36B

Celadon · DarkSeaGreen · Olive Green

HEX
#77B36B
RGB
rgb(119, 179, 107)
HSL
hsl(110, 32%, 56%)
HSB
hsb(110, 40%, 70%)
CMYK
cmyk(34%, 0%, 40%, 30%)
Oklch
oklch(70.8% 0.119 140.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8C32E
3055E8

Analogous

E86830
E8C32E
B1E830

Triadic

E8C32E
30E8C3
C330E8

Split-Comp.

E8C32E
30B1E8
6830E8

Tetradic

E8C32E
30E868
3055E8
E830B1

Contrast Matrix WCAG 2.1 Contrast

E8C32E
041D49
095B69
629C7C
77B36B
—
9.6
AAA
4.5
AA
1.9
Fail
1.5
Fail
9.6
AAA
—
2.1
Fail
5.1
AA
6.6
AA
4.5
AA
2.1
Fail
—
2.4
Fail
3.1
AA Large
1.9
Fail
5.1
AA
2.4
Fail
—
1.3
Fail
1.5
Fail
6.6
AA
3.1
AA Large
1.3
Fail
—
White BG
1.7Fail
16.4AAA
7.7AAA
3.2AA Large
2.5Fail
Black BG
12.3AAA
1.3Fail
2.7Fail
6.6AA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D852
0F0F3E
2D2D66
7B7C84
91927C

Deuteranopia

DADD5B
0D0C3C
282265
787386
8E8981

Tritanopia

E66F75
053634
0D6362
658A8B
7A8A8D

Achromatopsia

BDBDBD
1B1B1B
444444
878787
999999

Shades & Tints Shades & Tints

#E8C32E

Dark
Light

#041D49

Dark
Light

#095B69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8c32e;
  --color-2: #041d49;
  --color-3: #095b69;
  --color-4: #629c7c;
  --color-5: #77b36b;
}

SCSS

$color-1: #e8c32e;
$color-2: #041d49;
$color-3: #095b69;
$color-4: #629c7c;
$color-5: #77b36b;

TAILWIND

colors: {
  'brand-1': '#e8c32e',
  'brand-2': '#041d49',
  'brand-3': '#095b69',
  'brand-4': '#629c7c',
  'brand-5': '#77b36b',
}

RGB Array

[232, 195, 46], [4, 29, 73], [9, 91, 105], [98, 156, 124], [119, 179, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8C32E, #041D49, #095B69, #629C7C, #77B36B is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #e8c32e; --color-2: #041d49; --color-3: #095b69; --color-4: #629c7c; --color-5: #77b36b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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