← Back to Editor

#071B21 · #0E5C31 · #5D8507 · #A39526 · #DBCA58

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 AppData Visualization

Color Details Color Details

#071B21

Lake Blue · Black · Peacock Green

HEX
#071B21
RGB
rgb(7, 27, 33)
HSL
hsl(194, 65%, 8%)
HSB
hsb(194, 79%, 13%)
CMYK
cmyk(79%, 18%, 0%, 87%)
Oklch
oklch(20.9% 0.028 220.1)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#0E5C31

Pine Green · DarkSlateGray · Forest Green

HEX
#0E5C31
RGB
rgb(14, 92, 49)
HSL
hsl(147, 74%, 21%)
HSB
hsb(147, 85%, 36%)
CMYK
cmyk(85%, 0%, 47%, 64%)
Oklch
oklch(41.9% 0.101 153.1)

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

#5D8507

Grass Green · Olive · Forest Green

HEX
#5D8507
RGB
rgb(93, 133, 7)
HSL
hsl(79, 90%, 27%)
HSB
hsb(79, 95%, 52%)
CMYK
cmyk(30%, 0%, 95%, 48%)
Oklch
oklch(56.6% 0.145 127.9)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#A39526

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A39526
RGB
rgb(163, 149, 38)
HSL
hsl(53, 62%, 39%)
HSB
hsb(53, 77%, 64%)
CMYK
cmyk(0%, 9%, 77%, 36%)
Oklch
oklch(66.3% 0.126 101.8)

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

#DBCA58

Autumn Sage · SandyBrown · Sunflower

HEX
#DBCA58
RGB
rgb(219, 202, 88)
HSL
hsl(52, 65%, 60%)
HSB
hsb(52, 60%, 86%)
CMYK
cmyk(0%, 8%, 60%, 14%)
Oklch
oklch(83.1% 0.135 100.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

071B21
220D07

Analogous

07221B
071B21
070E22

Triadic

071B21
22071B
1B2207

Split-Comp.

071B21
22070E
221B07

Tetradic

071B21
1B0722
220D07
0E2207

Contrast Matrix WCAG 2.1 Contrast

071B21
0E5C31
5D8507
A39526
DBCA58
—
2.2
Fail
4.1
AA Large
5.8
AA
10.6
AAA
2.2
Fail
—
1.9
Fail
2.7
Fail
4.9
AA
4.1
AA Large
1.9
Fail
—
1.4
Fail
2.6
Fail
5.8
AA
2.7
Fail
1.4
Fail
—
1.8
Fail
10.6
AAA
4.9
AA
2.6
Fail
1.8
Fail
—
White BG
17.7AAA
8.1AAA
4.4AA Large
3.1AA Large
1.7Fail
Black BG
1.2Fail
2.6Fail
4.8AA
6.9AA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

101020
30303B
6E6F25
9D9D41
D4D374

Deuteranopia

0F0D1F
2B253E
6C692D
9E9F47
D5D67A

Tritanopia

081E1E
124445
5F3E43
A2565B
DA898E

Achromatopsia

161616
404040
6B6B6B
8D8D8D
C2C2C2

Shades & Tints Shades & Tints

#071B21

Dark
Light

#0E5C31

Dark
Light

#5D8507

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #071b21;
  --color-2: #0e5c31;
  --color-3: #5d8507;
  --color-4: #a39526;
  --color-5: #dbca58;
}

SCSS

$color-1: #071b21;
$color-2: #0e5c31;
$color-3: #5d8507;
$color-4: #a39526;
$color-5: #dbca58;

TAILWIND

colors: {
  'brand-1': '#071b21',
  'brand-2': '#0e5c31',
  'brand-3': '#5d8507',
  'brand-4': '#a39526',
  'brand-5': '#dbca58',
}

RGB Array

[7, 27, 33], [14, 92, 49], [93, 133, 7], [163, 149, 38], [219, 202, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #071B21, #0E5C31, #5D8507, #A39526, #DBCA58 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #071b21; --color-2: #0e5c31; --color-3: #5d8507; --color-4: #a39526; --color-5: #dbca58. 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 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