← Back to Editor

#071305 · #7B4807 · #B6872D · #E9D5A2 · #6E967C

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

#071305

Pine Green · Black · Dark Green

HEX
#071305
RGB
rgb(7, 19, 5)
HSL
hsl(111, 58%, 5%)
HSB
hsb(111, 74%, 7%)
CMYK
cmyk(63%, 0%, 74%, 93%)
Oklch
oklch(17.0% 0.035 140.0)

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

#7B4807

Ochre · Sienna · Cinnamon

HEX
#7B4807
RGB
rgb(123, 72, 7)
HSL
hsl(34, 89%, 25%)
HSB
hsb(34, 94%, 48%)
CMYK
cmyk(0%, 41%, 94%, 52%)
Oklch
oklch(45.2% 0.099 64.1)

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

#B6872D

Ochre · DarkGoldenRod · Amber Brown

HEX
#B6872D
RGB
rgb(182, 135, 45)
HSL
hsl(39, 60%, 45%)
HSB
hsb(39, 75%, 71%)
CMYK
cmyk(0%, 26%, 75%, 29%)
Oklch
oklch(65.3% 0.118 79.7)

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

#E9D5A2

Goose Yellow · Wheat · Lemon Cream

HEX
#E9D5A2
RGB
rgb(233, 213, 162)
HSL
hsl(43, 62%, 77%)
HSB
hsb(43, 30%, 91%)
CMYK
cmyk(0%, 9%, 30%, 9%)
Oklch
oklch(87.7% 0.070 89.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#6E967C

Celadon · Gray · Olive Green

HEX
#6E967C
RGB
rgb(110, 150, 124)
HSL
hsl(141, 16%, 51%)
HSB
hsb(141, 27%, 59%)
CMYK
cmyk(27%, 0%, 17%, 41%)
Oklch
oklch(63.6% 0.059 155.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

071305
120514

Analogous

0F1405
071305
05140B

Triadic

071305
050814
140508

Split-Comp.

071305
0B0514
14050F

Tetradic

071305
050F14
120514
140B05

Contrast Matrix WCAG 2.1 Contrast

071305
7B4807
B6872D
E9D5A2
6E967C
—
2.5
Fail
5.9
AA
13.1
AAA
5.7
AA
2.5
Fail
—
2.3
Fail
5.2
AA
2.3
Fail
5.9
AA
2.3
Fail
—
2.2
Fail
1.0
Fail
13.1
AAA
5.2
AA
2.2
Fail
—
2.3
Fail
5.7
AA
2.3
Fail
1.0
Fail
2.3
Fail
—
White BG
19.0AAA
7.6AAA
3.2AA Large
1.4Fail
3.3AA Large
Black BG
1.1Fail
2.8Fail
6.5AA
14.5AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0C0C08
656417
A2A143
E0E0AE
7F8082

Deuteranopia

0C0B09
686C1A
A4A848
E2E3B1
7D7A84

Tritanopia

080B0C
782326
B45458
E8B8BA
708788

Achromatopsia

0E0E0E
505050
8B8B8B
D5D5D5
878787

Shades & Tints Shades & Tints

#071305

Dark
Light

#7B4807

Dark
Light

#B6872D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #071305;
  --color-2: #7b4807;
  --color-3: #b6872d;
  --color-4: #e9d5a2;
  --color-5: #6e967c;
}

SCSS

$color-1: #071305;
$color-2: #7b4807;
$color-3: #b6872d;
$color-4: #e9d5a2;
$color-5: #6e967c;

TAILWIND

colors: {
  'brand-1': '#071305',
  'brand-2': '#7b4807',
  'brand-3': '#b6872d',
  'brand-4': '#e9d5a2',
  'brand-5': '#6e967c',
}

RGB Array

[7, 19, 5], [123, 72, 7], [182, 135, 45], [233, 213, 162], [110, 150, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #071305, #7B4807, #B6872D, #E9D5A2, #6E967C is ideal for: 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: #071305; --color-2: #7b4807; --color-3: #b6872d; --color-4: #e9d5a2; --color-5: #6e967c. 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 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