← Back to Editor

#7D7B7A · #FF3F2E · #B05412 · #78720C · #0C4361

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 App

Color Details Color Details

#7D7B7A

Ink Gray · Gray · Warm Gray

HEX
#7D7B7A
RGB
rgb(125, 123, 122)
HSL
hsl(20, 1%, 48%)
HSB
hsb(20, 2%, 49%)
CMYK
cmyk(0%, 2%, 2%, 51%)
Oklch
oklch(58.4% 0.003 48.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#FF3F2E

Vermilion · Tomato · Passion Red

HEX
#FF3F2E
RGB
rgb(255, 63, 46)
HSL
hsl(5, 100%, 59%)
HSB
hsb(5, 82%, 100%)
CMYK
cmyk(0%, 75%, 82%, 0%)
Oklch
oklch(65.7% 0.230 29.7)

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

#B05412

Tangerine · Sienna · Amber Brown

HEX
#B05412
RGB
rgb(176, 84, 18)
HSL
hsl(25, 81%, 38%)
HSB
hsb(25, 90%, 69%)
CMYK
cmyk(0%, 52%, 90%, 31%)
Oklch
oklch(55.1% 0.139 49.5)

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

#78720C

Autumn Sage · Olive · Honey Gold

HEX
#78720C
RGB
rgb(120, 114, 12)
HSL
hsl(57, 82%, 26%)
HSB
hsb(57, 90%, 47%)
CMYK
cmyk(0%, 5%, 90%, 53%)
Oklch
oklch(54.1% 0.111 105.8)

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

#0C4361

Lake Blue · DarkSlateGray · Prussian Blue

HEX
#0C4361
RGB
rgb(12, 67, 97)
HSL
hsl(201, 78%, 21%)
HSB
hsb(201, 88%, 38%)
CMYK
cmyk(88%, 31%, 0%, 62%)
Oklch
oklch(36.5% 0.075 238.7)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D7B7A
797B7C

Analogous

7C797A
7D7B7A
7C7B79

Triadic

7D7B7A
797C7A
7A797C

Split-Comp.

7D7B7A
797C7B
797A7C

Tetradic

7D7B7A
7A7C79
797B7C
7B797C

Contrast Matrix WCAG 2.1 Contrast

7D7B7A
FF3F2E
B05412
78720C
0C4361
—
1.2
Fail
1.2
Fail
1.2
Fail
2.5
Fail
1.2
Fail
—
1.5
Fail
1.4
Fail
3.0
AA Large
1.2
Fail
1.5
Fail
—
1.0
Fail
2.1
Fail
1.2
Fail
1.4
Fail
1.0
Fail
—
2.1
Fail
2.5
Fail
3.0
AA Large
2.1
Fail
2.1
Fail
—
White BG
4.2AA Large
3.5AA Large
5.1AA
5.0AA
10.5AAA
Black BG
5.0AA
6.0AA
4.1AA Large
4.2AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7C7A
ACAA32
888722
757525
24245A

Deuteranopia

7C7C7A
B7C533
8E9426
76762B
211C58

Tritanopia

7D7A7A
F53536
AB2F31
78383C
0F5453

Achromatopsia

7B7B7B
767676
686868
686868
363636

Shades & Tints Shades & Tints

#7D7B7A

Dark
Light

#FF3F2E

Dark
Light

#B05412

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d7b7a;
  --color-2: #ff3f2e;
  --color-3: #b05412;
  --color-4: #78720c;
  --color-5: #0c4361;
}

SCSS

$color-1: #7d7b7a;
$color-2: #ff3f2e;
$color-3: #b05412;
$color-4: #78720c;
$color-5: #0c4361;

TAILWIND

colors: {
  'brand-1': '#7d7b7a',
  'brand-2': '#ff3f2e',
  'brand-3': '#b05412',
  'brand-4': '#78720c',
  'brand-5': '#0c4361',
}

RGB Array

[125, 123, 122], [255, 63, 46], [176, 84, 18], [120, 114, 12], [12, 67, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D7B7A, #FF3F2E, #B05412, #78720C, #0C4361 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #7d7b7a; --color-2: #ff3f2e; --color-3: #b05412; --color-4: #78720c; --color-5: #0c4361. 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. 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