← Back to Editor

#42B79F · #70948D · #8B8272 · #9F6B55 · #417D71

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 Library

Color Details Color Details

#42B79F

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#42B79F
RGB
rgb(66, 183, 159)
HSL
hsl(168, 47%, 49%)
HSB
hsb(168, 64%, 72%)
CMYK
cmyk(64%, 0%, 13%, 28%)
Oklch
oklch(70.7% 0.110 176.7)

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

#70948D

Mineral Blue · LightSlateGray · Lake Green

HEX
#70948D
RGB
rgb(112, 148, 141)
HSL
hsl(168, 14%, 51%)
HSB
hsb(168, 24%, 58%)
CMYK
cmyk(24%, 0%, 5%, 42%)
Oklch
oklch(63.7% 0.041 181.7)

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

#8B8272

Ochre · Gray · Amber Brown

HEX
#8B8272
RGB
rgb(139, 130, 114)
HSL
hsl(38, 10%, 50%)
HSB
hsb(38, 18%, 55%)
CMYK
cmyk(0%, 6%, 18%, 45%)
Oklch
oklch(61.0% 0.026 82.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#9F6B55

Tangerine · Sienna · Amber Brown

HEX
#9F6B55
RGB
rgb(159, 107, 85)
HSL
hsl(18, 30%, 48%)
HSB
hsb(18, 47%, 62%)
CMYK
cmyk(0%, 33%, 47%, 38%)
Oklch
oklch(57.7% 0.075 43.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#417D71

Mineral Blue · SeaGreen · Mint Ice

HEX
#417D71
RGB
rgb(65, 125, 113)
HSL
hsl(168, 32%, 37%)
HSB
hsb(168, 48%, 49%)
CMYK
cmyk(48%, 0%, 10%, 51%)
Oklch
oklch(54.5% 0.066 179.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

42B79F
B8425A

Analogous

42B865
42B79F
4294B8

Triadic

42B79F
A042B8
B8A042

Split-Comp.

42B79F
B84294
B86542

Tetradic

42B79F
6542B8
B8425A
94B842

Contrast Matrix WCAG 2.1 Contrast

42B79F
70948D
8B8272
9F6B55
417D71
—
1.3
Fail
1.5
Fail
1.8
Fail
1.9
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.5
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.8
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.9
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
White BG
2.5Fail
3.3AA Large
3.8AA Large
4.5AA Large
4.8AA
Black BG
8.5AAA
6.3AA
5.5AA
4.7AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

7576A5
80808F
878776
88885A
5B5C74

Deuteranopia

6E65A6
7E7B8F
888877
8C8F5C
585375

Tritanopia

48A9AA
729090
8B797A
9C5F5F
447677

Achromatopsia

919191
888888
838383
787878
6A6A6A

Shades & Tints Shades & Tints

#42B79F

Dark
Light

#70948D

Dark
Light

#8B8272

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #42b79f;
  --color-2: #70948d;
  --color-3: #8b8272;
  --color-4: #9f6b55;
  --color-5: #417d71;
}

SCSS

$color-1: #42b79f;
$color-2: #70948d;
$color-3: #8b8272;
$color-4: #9f6b55;
$color-5: #417d71;

TAILWIND

colors: {
  'brand-1': '#42b79f',
  'brand-2': '#70948d',
  'brand-3': '#8b8272',
  'brand-4': '#9f6b55',
  'brand-5': '#417d71',
}

RGB Array

[66, 183, 159], [112, 148, 141], [139, 130, 114], [159, 107, 85], [65, 125, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #42B79F, #70948D, #8B8272, #9F6B55, #417D71 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #42b79f; --color-2: #70948d; --color-3: #8b8272; --color-4: #9f6b55; --color-5: #417d71. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. Restrained colors convey professionalism and trust. 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