← Back to Editor

#5EDAE0 · #74B4B8 · #728D8F · #96947B · #707069

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

#5EDAE0

Sky Blue · MediumTurquoise · Lake Green

HEX
#5EDAE0
RGB
rgb(94, 218, 224)
HSL
hsl(183, 68%, 62%)
HSB
hsb(183, 58%, 88%)
CMYK
cmyk(58%, 3%, 0%, 12%)
Oklch
oklch(82.1% 0.110 199.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#74B4B8

Slate Blue · MediumAquaMarine · Lake Green

HEX
#74B4B8
RGB
rgb(116, 180, 184)
HSL
hsl(184, 32%, 59%)
HSB
hsb(184, 37%, 72%)
CMYK
cmyk(37%, 2%, 0%, 28%)
Oklch
oklch(72.8% 0.066 200.8)

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

#728D8F

Slate Blue · LightSlateGray · Mint Ice

HEX
#728D8F
RGB
rgb(114, 141, 143)
HSL
hsl(184, 11%, 50%)
HSB
hsb(184, 20%, 56%)
CMYK
cmyk(20%, 1%, 0%, 44%)
Oklch
oklch(62.3% 0.031 202.0)

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

#96947B

Autumn Sage · Gray · Sunflower

HEX
#96947B
RGB
rgb(150, 148, 123)
HSL
hsl(56, 11%, 54%)
HSB
hsb(56, 18%, 59%)
CMYK
cmyk(0%, 1%, 18%, 41%)
Oklch
oklch(66.1% 0.036 103.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#707069

Ink Gray · DimGray · Warm Gray

HEX
#707069
RGB
rgb(112, 112, 105)
HSL
hsl(60, 3%, 43%)
HSB
hsb(60, 6%, 44%)
CMYK
cmyk(0%, 0%, 6%, 56%)
Oklch
oklch(54.3% 0.011 106.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5EDAE0
E0635C

Analogous

5CE0A5
5EDAE0
5C98E0

Triadic

5EDAE0
E05CD9
D9E05C

Split-Comp.

5EDAE0
E05C98
E0A55C

Tetradic

5EDAE0
A55CE0
E0635C
98E05C

Contrast Matrix WCAG 2.1 Contrast

5EDAE0
74B4B8
728D8F
96947B
707069
—
1.4
Fail
2.1
Fail
1.8
Fail
3.0
Fail
1.4
Fail
—
1.5
Fail
1.3
Fail
2.1
Fail
2.1
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.3
Fail
1.2
Fail
—
1.6
Fail
3.0
Fail
2.1
Fail
1.4
Fail
1.6
Fail
—
White BG
1.7Fail
2.3Fail
3.5AA Large
3.1AA Large
5.0AA
Black BG
12.6AAA
9.0AAA
5.9AA
6.8AA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9495DF
9090B7
7E7E8F
959581
70706B

Deuteranopia

8D83DE
8C87B7
7C7A8E
959583
70706B

Tritanopia

64DDDD
77B6B6
738E8E
968687
706C6C

Achromatopsia

B6B6B6
A1A1A1
858585
929292
6F6F6F

Shades & Tints Shades & Tints

#5EDAE0

Dark
Light

#74B4B8

Dark
Light

#728D8F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5edae0;
  --color-2: #74b4b8;
  --color-3: #728d8f;
  --color-4: #96947b;
  --color-5: #707069;
}

SCSS

$color-1: #5edae0;
$color-2: #74b4b8;
$color-3: #728d8f;
$color-4: #96947b;
$color-5: #707069;

TAILWIND

colors: {
  'brand-1': '#5edae0',
  'brand-2': '#74b4b8',
  'brand-3': '#728d8f',
  'brand-4': '#96947b',
  'brand-5': '#707069',
}

RGB Array

[94, 218, 224], [116, 180, 184], [114, 141, 143], [150, 148, 123], [112, 112, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5EDAE0, #74B4B8, #728D8F, #96947B, #707069 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: #5edae0; --color-2: #74b4b8; --color-3: #728d8f; --color-4: #96947b; --color-5: #707069. 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