← Back to Editor

#7A2002 · #BDA682 · #423038 · #070507 · #603922

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#7A2002

Tangerine · Maroon · Cinnamon

HEX
#7A2002
RGB
rgb(122, 32, 2)
HSL
hsl(15, 97%, 24%)
HSB
hsb(15, 98%, 48%)
CMYK
cmyk(0%, 74%, 98%, 52%)
Oklch
oklch(38.7% 0.129 36.4)

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

#BDA682

Ginger · Tan · Warm Sun

HEX
#BDA682
RGB
rgb(189, 166, 130)
HSL
hsl(37, 31%, 63%)
HSB
hsb(37, 31%, 74%)
CMYK
cmyk(0%, 12%, 31%, 26%)
Oklch
oklch(73.6% 0.056 78.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#423038

Dark Violet · DarkSlateGray · Raspberry

HEX
#423038
RGB
rgb(66, 48, 56)
HSL
hsl(333, 16%, 22%)
HSB
hsb(333, 27%, 26%)
CMYK
cmyk(0%, 27%, 15%, 74%)
Oklch
oklch(33.3% 0.029 350.4)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#070507

Rose Purple · Black · Dark Purple

HEX
#070507
RGB
rgb(7, 5, 7)
HSL
hsl(300, 17%, 2%)
HSB
hsb(300, 29%, 3%)
CMYK
cmyk(0%, 29%, 0%, 97%)
Oklch
oklch(12.0% 0.008 326.0)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#603922

Tangerine · DarkOliveGreen · Cinnamon

HEX
#603922
RGB
rgb(96, 57, 34)
HSL
hsl(22, 48%, 25%)
HSB
hsb(22, 65%, 38%)
CMYK
cmyk(0%, 41%, 65%, 62%)
Oklch
oklch(38.6% 0.066 50.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A2002
025B79

Analogous

790220
7A2002
795B02

Triadic

7A2002
027920
200279

Split-Comp.

7A2002
02795B
022079

Tetradic

7A2002
207902
025B79
5B0279

Contrast Matrix WCAG 2.1 Contrast

7A2002
BDA682
423038
070507
603922
—
4.4
AA Large
1.2
Fail
2.0
Fail
1.0
Fail
4.4
AA Large
—
5.2
AA
8.6
AAA
4.2
AA Large
1.2
Fail
5.2
AA
—
1.7
Fail
1.2
Fail
2.0
Fail
8.6
AAA
1.7
Fail
—
2.0
Fail
1.0
Fail
4.2
AA Large
1.2
Fail
2.0
Fail
—
White BG
10.3AAA
2.3Fail
12.3AAA
20.3AAA
10.0AAA
Black BG
2.0Fail
8.9AAA
1.7Fail
1.0Fail
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

535209
B3B38B
3A3A36
060607
4F4F28

Deuteranopia

585F0B
B4B68D
3B3D36
060606
515429

Tritanopia

750F10
BC9293
413534
070606
5E2C2D

Achromatopsia

373737
A9A9A9
363636
060606
424242

Shades & Tints Shades & Tints

#7A2002

Dark
Light

#BDA682

Dark
Light

#423038

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a2002;
  --color-2: #bda682;
  --color-3: #423038;
  --color-4: #070507;
  --color-5: #603922;
}

SCSS

$color-1: #7a2002;
$color-2: #bda682;
$color-3: #423038;
$color-4: #070507;
$color-5: #603922;

TAILWIND

colors: {
  'brand-1': '#7a2002',
  'brand-2': '#bda682',
  'brand-3': '#423038',
  'brand-4': '#070507',
  'brand-5': '#603922',
}

RGB Array

[122, 32, 2], [189, 166, 130], [66, 48, 56], [7, 5, 7], [96, 57, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A2002, #BDA682, #423038, #070507, #603922 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #7a2002; --color-2: #bda682; --color-3: #423038; --color-4: #070507; --color-5: #603922. 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 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