#007D70 + #1C5A5C + #1B3740 + #17222B + #131B21 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#007D70

Mineral Blue · Teal · Peacock Green

HEX

#007D70

RGB

rgb(0, 125, 112)

HSL

hsl(174, 100%, 25%)

HSB

hsb(174, 100%, 49%)

CMYK

cmyk(100%, 0%, 10%, 51%)

Oklch

oklch(52.9% 0.095 182.4)

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

#1C5A5C

Lake Blue · DarkSlateGray · Peacock Green

HEX

#1C5A5C

RGB

rgb(28, 90, 92)

HSL

hsl(182, 53%, 24%)

HSB

hsb(182, 70%, 36%)

CMYK

cmyk(70%, 2%, 0%, 64%)

Oklch

oklch(43.0% 0.062 198.2)

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

#1B3740

Slate Blue · DarkSlateGray · Peacock Green

HEX

#1B3740

RGB

rgb(27, 55, 64)

HSL

hsl(195, 41%, 18%)

HSB

hsb(195, 58%, 25%)

CMYK

cmyk(58%, 14%, 0%, 75%)

Oklch

oklch(31.9% 0.037 221.0)

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

#17222B

Slate Blue · Black · Deep Sea Blue

HEX

#17222B

RGB

rgb(23, 34, 43)

HSL

hsl(207, 30%, 13%)

HSB

hsb(207, 47%, 17%)

CMYK

cmyk(47%, 21%, 0%, 83%)

Oklch

oklch(24.6% 0.023 243.6)

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

#131B21

Slate Blue · Black · Deep Sea Blue

HEX

#131B21

RGB

rgb(19, 27, 33)

HSL

hsl(206, 27%, 10%)

HSB

hsb(206, 42%, 13%)

CMYK

cmyk(42%, 18%, 0%, 87%)

Oklch

oklch(21.7% 0.017 240.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

007D70

80000D

Analogous

008033

007D70

004C80

Triadic

007D70

730080

807300

Split-Comp.

007D70

80004C

803300

Tetradic

007D70

330080

80000D

4D8000

Contrast Matrix WCAG 2.1 Contrast

007D70	1C5A5C	1B3740	17222B	131B21
—	1.6 Fail	2.5 Fail	3.2 AA Large	3.5 AA Large
1.6 Fail	—	1.6 Fail	2.1 Fail	2.2 Fail
2.5 Fail	1.6 Fail	—	1.3 Fail	1.4 Fail
3.2 AA Large	2.1 Fail	1.3 Fail	—	1.1 Fail
3.5 AA Large	2.2 Fail	1.4 Fail	1.1 Fail	—

White BG

5.0AA

7.9AAA

12.6AAA

16.2AAA

17.4AAA

Black BG

4.2AA Large

2.7Fail

1.7Fail

1.3Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

363773

37375C

27273E

1C1C29

161720

Deuteranopia

2F2674

332F5B

26233D

1B1A28

16151F

Tritanopia

067676

1F5B5B

1C3C3C

182727

131E1E

Achromatopsia

565656

484848

303030

202020

191919

Shades & Tints Shades & Tints

#007D70

Dark

Light

#1C5A5C

Dark

Light

#1B3740

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #007d70;
  --color-2: #1c5a5c;
  --color-3: #1b3740;
  --color-4: #17222b;
  --color-5: #131b21;
}

SCSS

$color-1: #007d70;
$color-2: #1c5a5c;
$color-3: #1b3740;
$color-4: #17222b;
$color-5: #131b21;

TAILWIND

colors: {
  'brand-1': '#007d70',
  'brand-2': '#1c5a5c',
  'brand-3': '#1b3740',
  'brand-4': '#17222b',
  'brand-5': '#131b21',
}

RGB Array

[0, 125, 112], [28, 90, 92], [27, 55, 64], [23, 34, 43], [19, 27, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #007D70, #1C5A5C, #1B3740, #17222B, #131B21 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: #007d70; --color-2: #1c5a5c; --color-3: #1b3740; --color-4: #17222b; --color-5: #131b21. 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