← Back to Editor

#0E323E · #1E4E4E · #537565 · #918C66 · #EED37C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#0E323E

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0E323E
RGB
rgb(14, 50, 62)
HSL
hsl(195, 63%, 15%)
HSB
hsb(195, 77%, 24%)
CMYK
cmyk(77%, 19%, 0%, 76%)
Oklch
oklch(29.7% 0.046 223.7)

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

#1E4E4E

Slate Blue · DarkSlateGray · Peacock Green

HEX
#1E4E4E
RGB
rgb(30, 78, 78)
HSL
hsl(180, 44%, 21%)
HSB
hsb(180, 62%, 31%)
CMYK
cmyk(62%, 0%, 0%, 69%)
Oklch
oklch(39.1% 0.052 195.3)

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

#537565

Mineral Blue · DimGray · Forest Green

HEX
#537565
RGB
rgb(83, 117, 101)
HSL
hsl(152, 17%, 39%)
HSB
hsb(152, 29%, 46%)
CMYK
cmyk(29%, 0%, 14%, 54%)
Oklch
oklch(53.1% 0.046 164.1)

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

#918C66

Autumn Sage · Gray · Honey Gold

HEX
#918C66
RGB
rgb(145, 140, 102)
HSL
hsl(53, 17%, 48%)
HSB
hsb(53, 30%, 57%)
CMYK
cmyk(0%, 3%, 30%, 43%)
Oklch
oklch(63.5% 0.054 101.5)

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

#EED37C

Goose Yellow · Khaki · Sunflower

HEX
#EED37C
RGB
rgb(238, 211, 124)
HSL
hsl(46, 77%, 71%)
HSB
hsb(46, 48%, 93%)
CMYK
cmyk(0%, 11%, 48%, 7%)
Oklch
oklch(87.1% 0.111 92.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E323E
3E1A0E

Analogous

0E3E32
0E323E
0E1A3E

Triadic

0E323E
3E0E32
323E0E

Split-Comp.

0E323E
3E0E1A
3E320E

Tetradic

0E323E
320E3E
3E1A0E
1A3E0E

Contrast Matrix WCAG 2.1 Contrast

0E323E
1E4E4E
537565
918C66
EED37C
—
1.5
Fail
2.7
Fail
4.0
AA Large
9.2
AAA
1.5
Fail
—
1.8
Fail
2.7
Fail
6.3
AA
2.7
Fail
1.8
Fail
—
1.5
Fail
3.5
AA Large
4.0
AA Large
2.7
Fail
1.5
Fail
—
2.3
Fail
9.2
AAA
6.3
AA
3.5
AA Large
2.3
Fail
—
White BG
13.6AAA
9.3AAA
5.1AA
3.4AA Large
1.5Fail
Black BG
1.5Fail
2.3Fail
4.1AA Large
6.1AA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1E3B
33334E
626269
8F8F6F
E2E291

Deuteranopia

1C193A
302C4E
605D6A
8F9071
E4E696

Tritanopia

103938
204E4E
556C6D
917678
EDA2A5

Achromatopsia

292929
404040
696969
898989
D1D1D1

Shades & Tints Shades & Tints

#0E323E

Dark
Light

#1E4E4E

Dark
Light

#537565

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e323e;
  --color-2: #1e4e4e;
  --color-3: #537565;
  --color-4: #918c66;
  --color-5: #eed37c;
}

SCSS

$color-1: #0e323e;
$color-2: #1e4e4e;
$color-3: #537565;
$color-4: #918c66;
$color-5: #eed37c;

TAILWIND

colors: {
  'brand-1': '#0e323e',
  'brand-2': '#1e4e4e',
  'brand-3': '#537565',
  'brand-4': '#918c66',
  'brand-5': '#eed37c',
}

RGB Array

[14, 50, 62], [30, 78, 78], [83, 117, 101], [145, 140, 102], [238, 211, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0E323E, #1E4E4E, #537565, #918C66, #EED37C is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #0e323e; --color-2: #1e4e4e; --color-3: #537565; --color-4: #918c66; --color-5: #eed37c. 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 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