← Back to Editor

#0A453F · #EBC373 · #E08A01 · #140C09 · #6F8A17

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

#0A453F

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#0A453F
RGB
rgb(10, 69, 63)
HSL
hsl(174, 75%, 15%)
HSB
hsb(174, 86%, 27%)
CMYK
cmyk(86%, 0%, 9%, 73%)
Oklch
oklch(35.3% 0.058 184.6)

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

#EBC373

Ginger · BurlyWood · Sunflower

HEX
#EBC373
RGB
rgb(235, 195, 115)
HSL
hsl(40, 75%, 69%)
HSB
hsb(40, 51%, 92%)
CMYK
cmyk(0%, 17%, 51%, 8%)
Oklch
oklch(83.5% 0.109 83.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E08A01

Ochre · Orange · Amber Brown

HEX
#E08A01
RGB
rgb(224, 138, 1)
HSL
hsl(37, 99%, 44%)
HSB
hsb(37, 100%, 88%)
CMYK
cmyk(0%, 38%, 100%, 12%)
Oklch
oklch(70.7% 0.156 66.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#140C09

Tangerine · Black · Cinnamon

HEX
#140C09
RGB
rgb(20, 12, 9)
HSL
hsl(16, 38%, 6%)
HSB
hsb(16, 55%, 8%)
CMYK
cmyk(0%, 40%, 55%, 92%)
Oklch
oklch(16.4% 0.015 41.7)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#6F8A17

Grass Green · Olive · Forest Green

HEX
#6F8A17
RGB
rgb(111, 138, 23)
HSL
hsl(74, 71%, 32%)
HSB
hsb(74, 83%, 54%)
CMYK
cmyk(20%, 0%, 83%, 46%)
Oklch
oklch(59.2% 0.137 122.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A453F
430A0F

Analogous

0A4321
0A453F
0A2C43

Triadic

0A453F
3D0A43
433D0A

Split-Comp.

0A453F
430A2C
43210A

Tetradic

0A453F
210A43
430A0F
2C430A

Contrast Matrix WCAG 2.1 Contrast

0A453F
EBC373
E08A01
140C09
6F8A17
—
6.5
AA
4.0
AA Large
1.8
Fail
2.7
Fail
6.5
AA
—
1.6
Fail
11.6
AAA
2.4
Fail
4.0
AA Large
1.6
Fail
—
7.2
AAA
1.5
Fail
1.8
Fail
11.6
AAA
7.2
AAA
—
4.9
AA
2.7
Fail
2.4
Fail
1.5
Fail
4.9
AA
—
White BG
10.8AAA
1.7Fail
2.7Fail
19.3AAA
3.9AA Large
Black BG
1.9Fail
12.6AAA
7.8AAA
1.1Fail
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

242440
DAD986
BBBA22
11100A
7B7B33

Deuteranopia

201C41
DCDF8B
C0C62A
11120A
79773A

Tritanopia

0D4242
E99699
DC3C42
140A0A
70494E

Achromatopsia

333333
C6C6C6
949494
0E0E0E
757575

Shades & Tints Shades & Tints

#0A453F

Dark
Light

#EBC373

Dark
Light

#E08A01

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a453f;
  --color-2: #ebc373;
  --color-3: #e08a01;
  --color-4: #140c09;
  --color-5: #6f8a17;
}

SCSS

$color-1: #0a453f;
$color-2: #ebc373;
$color-3: #e08a01;
$color-4: #140c09;
$color-5: #6f8a17;

TAILWIND

colors: {
  'brand-1': '#0a453f',
  'brand-2': '#ebc373',
  'brand-3': '#e08a01',
  'brand-4': '#140c09',
  'brand-5': '#6f8a17',
}

RGB Array

[10, 69, 63], [235, 195, 115], [224, 138, 1], [20, 12, 9], [111, 138, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0A453F, #EBC373, #E08A01, #140C09, #6F8A17 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: #0a453f; --color-2: #ebc373; --color-3: #e08a01; --color-4: #140c09; --color-5: #6f8a17. 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