← Back to Editor

#85B152 · #94D023 · #496C58 · #052937 · #00070C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#85B152

Grass Green · DarkSeaGreen · Olive Green

HEX
#85B152
RGB
rgb(133, 177, 82)
HSL
hsl(88, 38%, 51%)
HSB
hsb(88, 54%, 69%)
CMYK
cmyk(25%, 0%, 54%, 31%)
Oklch
oklch(70.8% 0.134 129.9)

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

#94D023

Grass Green · GreenYellow · Olive Green

HEX
#94D023
RGB
rgb(148, 208, 35)
HSL
hsl(81, 71%, 48%)
HSB
hsb(81, 83%, 82%)
CMYK
cmyk(29%, 0%, 83%, 18%)
Oklch
oklch(78.7% 0.197 128.2)

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

#496C58

Celadon · DimGray · Forest Green

HEX
#496C58
RGB
rgb(73, 108, 88)
HSL
hsl(146, 19%, 35%)
HSB
hsb(146, 32%, 42%)
CMYK
cmyk(32%, 0%, 19%, 58%)
Oklch
oklch(49.8% 0.052 158.8)

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

#052937

Lake Blue · DarkSlateGray · Peacock Green

HEX
#052937
RGB
rgb(5, 41, 55)
HSL
hsl(197, 83%, 12%)
HSB
hsb(197, 91%, 22%)
CMYK
cmyk(91%, 25%, 0%, 78%)
Oklch
oklch(26.4% 0.047 228.8)

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

#00070C

Lake Blue · Black · Deep Sea Blue

HEX
#00070C
RGB
rgb(0, 7, 12)
HSL
hsl(205, 100%, 2%)
HSB
hsb(205, 100%, 5%)
CMYK
cmyk(100%, 42%, 0%, 95%)
Oklch
oklch(12.0% 0.023 226.6)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85B152
7F53B2

Analogous

B2AE53
85B152
56B253

Triadic

85B152
5385B2
B25385

Split-Comp.

85B152
5356B2
AE53B2

Tetradic

85B152
53B2AE
7F53B2
B25356

Contrast Matrix WCAG 2.1 Contrast

85B152
94D023
496C58
052937
00070C
—
1.3
Fail
2.4
Fail
6.1
AA
8.1
AAA
1.3
Fail
—
3.2
AA Large
8.2
AAA
10.9
AAA
2.4
Fail
3.2
AA Large
—
2.6
Fail
3.4
AA Large
6.1
AA
8.2
AAA
2.6
Fail
—
1.3
Fail
8.1
AAA
10.9
AAA
3.4
AA Large
1.3
Fail
—
White BG
2.5Fail
1.9Fail
5.9AA
15.2AAA
20.3AAA
Black BG
8.4AAA
11.3AAA
3.6AA Large
1.4Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

989869
AEAF4D
58585D
151534
03030B

Deuteranopia

96926F
ABA657
56545E
131033
03020A

Tritanopia

877B7F
976E75
4B6162
073130
000A0A

Achromatopsia

999999
AAAAAA
5F5F5F
202020
050505

Shades & Tints Shades & Tints

#85B152

Dark
Light

#94D023

Dark
Light

#496C58

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85b152;
  --color-2: #94d023;
  --color-3: #496c58;
  --color-4: #052937;
  --color-5: #00070c;
}

SCSS

$color-1: #85b152;
$color-2: #94d023;
$color-3: #496c58;
$color-4: #052937;
$color-5: #00070c;

TAILWIND

colors: {
  'brand-1': '#85b152',
  'brand-2': '#94d023',
  'brand-3': '#496c58',
  'brand-4': '#052937',
  'brand-5': '#00070c',
}

RGB Array

[133, 177, 82], [148, 208, 35], [73, 108, 88], [5, 41, 55], [0, 7, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85B152, #94D023, #496C58, #052937, #00070C 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: #85b152; --color-2: #94d023; --color-3: #496c58; --color-4: #052937; --color-5: #00070c. 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