#94A85B + #2B5969 + #1F127F + #31190F + #64593B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#94A85B

Grass Green · DarkSeaGreen · Olive Green

HEX

#94A85B

RGB

rgb(148, 168, 91)

HSL

hsl(76, 31%, 51%)

HSB

hsb(76, 46%, 66%)

CMYK

cmyk(12%, 0%, 46%, 34%)

Oklch

oklch(69.8% 0.105 121.1)

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

#2B5969

Slate Blue · DarkSlateGray · Mint Ice

HEX

#2B5969

RGB

rgb(43, 89, 105)

HSL

hsl(195, 42%, 29%)

HSB

hsb(195, 59%, 41%)

CMYK

cmyk(59%, 15%, 0%, 59%)

Oklch

oklch(43.8% 0.057 223.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#1F127F

Deep Indigo · MidnightBlue · Prussian Blue

HEX

#1F127F

RGB

rgb(31, 18, 127)

HSL

hsl(247, 75%, 28%)

HSB

hsb(247, 86%, 50%)

CMYK

cmyk(76%, 86%, 0%, 50%)

Oklch

oklch(30.1% 0.167 274.9)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#31190F

Tangerine · Black · Cinnamon

HEX

#31190F

RGB

rgb(49, 25, 15)

HSL

hsl(18, 53%, 13%)

HSB

hsb(18, 69%, 19%)

CMYK

cmyk(0%, 49%, 69%, 81%)

Oklch

oklch(24.4% 0.043 43.0)

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

#64593B

Ochre · DarkOliveGreen · Honey Gold

HEX

#64593B

RGB

rgb(100, 89, 59)

HSL

hsl(44, 26%, 31%)

HSB

hsb(44, 41%, 39%)

CMYK

cmyk(0%, 11%, 41%, 61%)

Oklch

oklch(46.7% 0.047 90.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94A85B

705BA9

Analogous

A9975B

94A85B

6DA95B

Triadic

94A85B

5B94A9

A95B94

Split-Comp.

94A85B

5B6DA9

975BA9

Tetradic

94A85B

5BA997

705BA9

A95B6D

Contrast Matrix WCAG 2.1 Contrast

94A85B	2B5969	1F127F	31190F	64593B
—	2.9 Fail	5.5 AA	6.3 AA	2.6 Fail
2.9 Fail	—	1.9 Fail	2.1 Fail	1.1 Fail
5.5 AA	1.9 Fail	—	1.1 Fail	2.1 Fail
6.3 AA	2.1 Fail	1.1 Fail	—	2.4 Fail
2.6 Fail	1.1 Fail	2.1 Fail	2.4 Fail	—

White BG

2.6Fail

7.7AAA

14.5AAA

16.5AAA

6.9AA

Black BG

8.0AAA

2.7Fail

1.5Fail

1.3Fail

3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D6E

3F3F65

191965

272611

5F5F42

Deuteranopia

9C9A72

3C3964

1A1B5E

282A12

606144

Tritanopia

957C80

2D6261

1E504B

301314

634849

Achromatopsia

999999

4D4D4D

222222

1F1F1F

595959

Shades & Tints Shades & Tints

#94A85B

Dark

Light

#2B5969

Dark

Light

#1F127F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94a85b;
  --color-2: #2b5969;
  --color-3: #1f127f;
  --color-4: #31190f;
  --color-5: #64593b;
}

SCSS

$color-1: #94a85b;
$color-2: #2b5969;
$color-3: #1f127f;
$color-4: #31190f;
$color-5: #64593b;

TAILWIND

colors: {
  'brand-1': '#94a85b',
  'brand-2': '#2b5969',
  'brand-3': '#1f127f',
  'brand-4': '#31190f',
  'brand-5': '#64593b',
}

RGB Array

[148, 168, 91], [43, 89, 105], [31, 18, 127], [49, 25, 15], [100, 89, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94A85B, #2B5969, #1F127F, #31190F, #64593B is ideal for: tech websites, dark mode UIs, game UIs. 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: #94a85b; --color-2: #2b5969; --color-3: #1f127f; --color-4: #31190f; --color-5: #64593b. 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. 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