← Back to Editor

#064F4E · #152F2A · #4A4925 · #807F57 · #90AD92

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

Color Details Color Details

#064F4E

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#064F4E
RGB
rgb(6, 79, 78)
HSL
hsl(179, 86%, 17%)
HSB
hsb(179, 92%, 31%)
CMYK
cmyk(92%, 0%, 1%, 69%)
Oklch
oklch(38.8% 0.064 193.3)

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

#152F2A

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#152F2A
RGB
rgb(21, 47, 42)
HSL
hsl(168, 38%, 13%)
HSB
hsb(168, 55%, 18%)
CMYK
cmyk(55%, 0%, 11%, 82%)
Oklch
oklch(28.3% 0.034 179.8)

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

#4A4925

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#4A4925
RGB
rgb(74, 73, 37)
HSL
hsl(58, 33%, 22%)
HSB
hsb(58, 50%, 29%)
CMYK
cmyk(0%, 1%, 50%, 71%)
Oklch
oklch(39.7% 0.054 107.2)

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

#807F57

Autumn Sage · DimGray · Honey Gold

HEX
#807F57
RGB
rgb(128, 127, 87)
HSL
hsl(59, 19%, 42%)
HSB
hsb(59, 32%, 50%)
CMYK
cmyk(0%, 1%, 32%, 50%)
Oklch
oklch(58.7% 0.057 106.8)

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

#90AD92

Celadon · DarkSeaGreen · Apple Green

HEX
#90AD92
RGB
rgb(144, 173, 146)
HSL
hsl(124, 15%, 62%)
HSB
hsb(124, 17%, 68%)
CMYK
cmyk(17%, 0%, 16%, 32%)
Oklch
oklch(71.8% 0.050 146.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

064F4E
510607

Analogous

06512A
064F4E
062D51

Triadic

064F4E
4F0651
514F06

Split-Comp.

064F4E
51062D
512A06

Tetradic

064F4E
2A0651
510607
2D5106

Contrast Matrix WCAG 2.1 Contrast

064F4E
152F2A
4A4925
807F57
90AD92
—
1.5
Fail
1.0
Fail
2.3
Fail
3.8
AA Large
1.5
Fail
—
1.5
Fail
3.5
AA Large
5.8
AA
1.0
Fail
1.5
Fail
—
2.2
Fail
3.8
AA Large
2.3
Fail
3.5
AA Large
2.2
Fail
—
1.7
Fail
3.8
AA Large
5.8
AA
3.8
AA Large
1.7
Fail
—
White BG
9.4AAA
14.3AAA
9.2AAA
4.1AA Large
2.4Fail
Black BG
2.2Fail
1.5Fail
2.3Fail
5.1AA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

26264E
20202B
4A4A2E
808061
9D9D99

Deuteranopia

211C4E
1F1D2C
4A4A30
808063
9B999A

Tritanopia

0A4E4E
162C2C
4A3536
80686A
919E9F

Achromatopsia

393939
272727
454545
7B7B7B
A1A1A1

Shades & Tints Shades & Tints

#064F4E

Dark
Light

#152F2A

Dark
Light

#4A4925

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #064f4e;
  --color-2: #152f2a;
  --color-3: #4a4925;
  --color-4: #807f57;
  --color-5: #90ad92;
}

SCSS

$color-1: #064f4e;
$color-2: #152f2a;
$color-3: #4a4925;
$color-4: #807f57;
$color-5: #90ad92;

TAILWIND

colors: {
  'brand-1': '#064f4e',
  'brand-2': '#152f2a',
  'brand-3': '#4a4925',
  'brand-4': '#807f57',
  'brand-5': '#90ad92',
}

RGB Array

[6, 79, 78], [21, 47, 42], [74, 73, 37], [128, 127, 87], [144, 173, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #064F4E, #152F2A, #4A4925, #807F57, #90AD92 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: #064f4e; --color-2: #152f2a; --color-3: #4a4925; --color-4: #807f57; --color-5: #90ad92. 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