← Back to Editor

#077F7D · #4E3F2A · #DC5126 · #EEA018 · #F1EECB

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

#077F7D

Mineral Blue · Teal · Mint Ice

HEX
#077F7D
RGB
rgb(7, 127, 125)
HSL
hsl(179, 90%, 26%)
HSB
hsb(179, 94%, 50%)
CMYK
cmyk(94%, 0%, 2%, 50%)
Oklch
oklch(54.0% 0.091 192.8)

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

#4E3F2A

Ochre · DarkOliveGreen · Cinnamon

HEX
#4E3F2A
RGB
rgb(78, 63, 42)
HSL
hsl(35, 30%, 24%)
HSB
hsb(35, 46%, 31%)
CMYK
cmyk(0%, 19%, 46%, 69%)
Oklch
oklch(37.8% 0.039 75.5)

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

#DC5126

Vermilion · Chocolate · Passion Red

HEX
#DC5126
RGB
rgb(220, 81, 38)
HSL
hsl(14, 72%, 51%)
HSB
hsb(14, 83%, 86%)
CMYK
cmyk(0%, 63%, 83%, 14%)
Oklch
oklch(61.7% 0.183 36.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#EEA018

Ginger · GoldenRod · Warm Sun

HEX
#EEA018
RGB
rgb(238, 160, 24)
HSL
hsl(38, 86%, 51%)
HSB
hsb(38, 90%, 93%)
CMYK
cmyk(0%, 33%, 90%, 7%)
Oklch
oklch(76.4% 0.158 73.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#F1EECB

Fresh Green · Bisque · Lemon Cream

HEX
#F1EECB
RGB
rgb(241, 238, 203)
HSL
hsl(55, 58%, 87%)
HSB
hsb(55, 16%, 95%)
CMYK
cmyk(0%, 1%, 16%, 5%)
Oklch
oklch(94.2% 0.046 103.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

077F7D
7E0709

Analogous

077E40
077F7D
07447E

Triadic

077F7D
7C077E
7E7C07

Split-Comp.

077F7D
7E0744
7E4007

Tetradic

077F7D
40077E
7E0709
447E07

Contrast Matrix WCAG 2.1 Contrast

077F7D
4E3F2A
DC5126
EEA018
F1EECB
—
2.1
Fail
1.2
Fail
2.2
Fail
4.1
AA Large
2.1
Fail
—
2.5
Fail
4.7
AA
8.6
AAA
1.2
Fail
2.5
Fail
—
1.8
Fail
3.4
AA Large
2.2
Fail
4.7
AA
1.8
Fail
—
1.8
Fail
4.1
AA Large
8.6
AAA
3.4
AA Large
1.8
Fail
—
White BG
4.8AA
10.2AAA
4.0AA Large
2.2Fail
1.2Fail
Black BG
4.3AA Large
2.1Fail
5.2AA
9.7AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3C7D
48472F
A09F30
CCCC39
F0F0D3

Deuteranopia

342B7E
484A30
A8B233
D1D741
F0F0D6

Tritanopia

0D7E7E
4D3334
D5393A
EA5359
F1DADC

Achromatopsia

5B5B5B
414141
767676
A8A8A8
EBEBEB

Shades & Tints Shades & Tints

#077F7D

Dark
Light

#4E3F2A

Dark
Light

#DC5126

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #077f7d;
  --color-2: #4e3f2a;
  --color-3: #dc5126;
  --color-4: #eea018;
  --color-5: #f1eecb;
}

SCSS

$color-1: #077f7d;
$color-2: #4e3f2a;
$color-3: #dc5126;
$color-4: #eea018;
$color-5: #f1eecb;

TAILWIND

colors: {
  'brand-1': '#077f7d',
  'brand-2': '#4e3f2a',
  'brand-3': '#dc5126',
  'brand-4': '#eea018',
  'brand-5': '#f1eecb',
}

RGB Array

[7, 127, 125], [78, 63, 42], [220, 81, 38], [238, 160, 24], [241, 238, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #077F7D, #4E3F2A, #DC5126, #EEA018, #F1EECB is ideal for: social media posters, mobile apps, e-commerce promos, 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: #077f7d; --color-2: #4e3f2a; --color-3: #dc5126; --color-4: #eea018; --color-5: #f1eecb. 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. 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