← Back to Editor

#752E07 · #473100 · #2E382B · #254669 · #827855

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 Library

Color Details Color Details

#752E07

Tangerine · Maroon · Cinnamon

HEX
#752E07
RGB
rgb(117, 46, 7)
HSL
hsl(21, 89%, 24%)
HSB
hsb(21, 94%, 46%)
CMYK
cmyk(0%, 61%, 94%, 54%)
Oklch
oklch(39.7% 0.110 43.9)

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

#473100

Ochre · Maroon · Amber Gold

HEX
#473100
RGB
rgb(71, 49, 0)
HSL
hsl(41, 100%, 14%)
HSB
hsb(41, 100%, 28%)
CMYK
cmyk(0%, 31%, 100%, 72%)
Oklch
oklch(33.0% 0.068 81.2)

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

#2E382B

Celadon · DarkSlateGray · Dark Green

HEX
#2E382B
RGB
rgb(46, 56, 43)
HSL
hsl(106, 13%, 19%)
HSB
hsb(106, 23%, 22%)
CMYK
cmyk(18%, 0%, 23%, 78%)
Oklch
oklch(32.7% 0.026 138.5)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#254669

Indigo · DarkSlateGray · Prussian Blue

HEX
#254669
RGB
rgb(37, 70, 105)
HSL
hsl(211, 48%, 28%)
HSB
hsb(211, 65%, 41%)
CMYK
cmyk(65%, 33%, 0%, 59%)
Oklch
oklch(38.6% 0.072 251.4)

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

#827855

Ochre · DimGray · Honey Gold

HEX
#827855
RGB
rgb(130, 120, 85)
HSL
hsl(47, 21%, 42%)
HSB
hsb(47, 35%, 51%)
CMYK
cmyk(0%, 8%, 35%, 49%)
Oklch
oklch(57.3% 0.052 94.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

752E07
074E74

Analogous

740717
752E07
746307

Triadic

752E07
07742D
2D0774

Split-Comp.

752E07
077463
071774

Tetradic

752E07
177407
074E74
630774

Contrast Matrix WCAG 2.1 Contrast

752E07
473100
2E382B
254669
827855
—
1.3
Fail
1.3
Fail
1.0
Fail
2.2
Fail
1.3
Fail
—
1.0
Fail
1.3
Fail
2.8
Fail
1.3
Fail
1.0
Fail
—
1.3
Fail
2.8
Fail
1.0
Fail
1.3
Fail
1.3
Fail
—
2.2
Fail
2.2
Fail
2.8
Fail
2.8
Fail
2.2
Fail
—
White BG
9.8AAA
12.3AAA
12.2AAA
9.7AAA
4.4AA Large
Black BG
2.2Fail
1.7Fail
1.7Fail
2.2Fail
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565610
3D3D0C
32322E
333461
7E7E5D

Deuteranopia

5A6013
3F400F
32312F
312F5F
7E7F60

Tritanopia

71181A
461517
2E3131
275A58
826466

Achromatopsia

3F3F3F
323232
343434
404040
777777

Shades & Tints Shades & Tints

#752E07

Dark
Light

#473100

Dark
Light

#2E382B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #752e07;
  --color-2: #473100;
  --color-3: #2e382b;
  --color-4: #254669;
  --color-5: #827855;
}

SCSS

$color-1: #752e07;
$color-2: #473100;
$color-3: #2e382b;
$color-4: #254669;
$color-5: #827855;

TAILWIND

colors: {
  'brand-1': '#752e07',
  'brand-2': '#473100',
  'brand-3': '#2e382b',
  'brand-4': '#254669',
  'brand-5': '#827855',
}

RGB Array

[117, 46, 7], [71, 49, 0], [46, 56, 43], [37, 70, 105], [130, 120, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #752E07, #473100, #2E382B, #254669, #827855 is ideal for: tech websites, dark mode UIs, game UIs. 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: #752e07; --color-2: #473100; --color-3: #2e382b; --color-4: #254669; --color-5: #827855. 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 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