← Back to Editor

#784512 · #127856 · #705914 · #1DA382 · #A3821D

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

#784512

Ochre · Sienna · Amber Brown

HEX
#784512
RGB
rgb(120, 69, 18)
HSL
hsl(30, 74%, 27%)
HSB
hsb(30, 85%, 47%)
CMYK
cmyk(0%, 43%, 85%, 53%)
Oklch
oklch(44.3% 0.094 60.2)

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

#127856

Mineral Blue · SeaGreen · Mint Ice

HEX
#127856
RGB
rgb(18, 120, 86)
HSL
hsl(160, 74%, 27%)
HSB
hsb(160, 85%, 47%)
CMYK
cmyk(85%, 0%, 28%, 53%)
Oklch
oklch(50.9% 0.103 164.2)

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

#705914

Ochre · DarkOliveGreen · Honey Gold

HEX
#705914
RGB
rgb(112, 89, 20)
HSL
hsl(45, 70%, 26%)
HSB
hsb(45, 82%, 44%)
CMYK
cmyk(0%, 21%, 82%, 56%)
Oklch
oklch(47.5% 0.088 89.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#1DA382

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#1DA382
RGB
rgb(29, 163, 130)
HSL
hsl(165, 70%, 38%)
HSB
hsb(165, 82%, 64%)
CMYK
cmyk(82%, 0%, 20%, 36%)
Oklch
oklch(64.0% 0.119 170.8)

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

#A3821D

Ochre · DarkGoldenRod · Honey Gold

HEX
#A3821D
RGB
rgb(163, 130, 29)
HSL
hsl(45, 70%, 38%)
HSB
hsb(45, 82%, 64%)
CMYK
cmyk(0%, 20%, 82%, 36%)
Oklch
oklch(62.1% 0.118 89.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

784512
124578

Analogous

781212
784512
787812

Triadic

784512
127845
451278

Split-Comp.

784512
127878
121278

Tetradic

784512
127812
124578
781278

Contrast Matrix WCAG 2.1 Contrast

784512
127856
705914
1DA382
A3821D
—
1.4
Fail
1.2
Fail
2.5
Fail
2.2
Fail
1.4
Fail
—
1.2
Fail
1.7
Fail
1.5
Fail
1.2
Fail
1.2
Fail
—
2.1
Fail
1.8
Fail
2.5
Fail
1.7
Fail
2.1
Fail
—
1.1
Fail
2.2
Fail
1.5
Fail
1.8
Fail
1.1
Fail
—
White BG
7.9AAA
5.5AA
6.7AA
3.2AA Large
3.6AA Large
Black BG
2.7Fail
3.8AA Large
3.1AA Large
6.6AA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

62611E
3E3F5E
666625
57588A
959435

Deuteranopia

656921
383160
676929
4F458C
97993B

Tritanopia

75282A
176566
6F3235
249092
A1494D

Achromatopsia

4E4E4E
565656
585858
777777
808080

Shades & Tints Shades & Tints

#784512

Dark
Light

#127856

Dark
Light

#705914

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #784512;
  --color-2: #127856;
  --color-3: #705914;
  --color-4: #1da382;
  --color-5: #a3821d;
}

SCSS

$color-1: #784512;
$color-2: #127856;
$color-3: #705914;
$color-4: #1da382;
$color-5: #a3821d;

TAILWIND

colors: {
  'brand-1': '#784512',
  'brand-2': '#127856',
  'brand-3': '#705914',
  'brand-4': '#1da382',
  'brand-5': '#a3821d',
}

RGB Array

[120, 69, 18], [18, 120, 86], [112, 89, 20], [29, 163, 130], [163, 130, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #784512, #127856, #705914, #1DA382, #A3821D 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: #784512; --color-2: #127856; --color-3: #705914; --color-4: #1da382; --color-5: #a3821d. 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