#00FFE5 + #57D9CC + #69B5AD + #5D8581 + #57444D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#00FFE5

Mineral Blue · Cyan · Mint Ice

HEX

#00FFE5

RGB

rgb(0, 255, 229)

HSL

hsl(174, 100%, 50%)

HSB

hsb(174, 100%, 100%)

CMYK

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

Oklch

oklch(89.7% 0.161 182.0)

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

#57D9CC

Mineral Blue · MediumTurquoise · Lake Green

HEX

#57D9CC

RGB

rgb(87, 217, 204)

HSL

hsl(174, 63%, 60%)

HSB

hsb(174, 60%, 85%)

CMYK

cmyk(60%, 0%, 6%, 15%)

Oklch

oklch(81.0% 0.115 186.0)

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

#69B5AD

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#69B5AD

RGB

rgb(105, 181, 173)

HSL

hsl(174, 34%, 56%)

HSB

hsb(174, 42%, 71%)

CMYK

cmyk(42%, 0%, 4%, 29%)

Oklch

oklch(72.2% 0.077 187.0)

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

#5D8581

Mineral Blue · SlateGray · Mint Ice

HEX

#5D8581

RGB

rgb(93, 133, 129)

HSL

hsl(174, 18%, 44%)

HSB

hsb(174, 30%, 52%)

CMYK

cmyk(30%, 0%, 3%, 48%)

Oklch

oklch(58.6% 0.045 188.2)

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

#57444D

Dark Violet · DarkSlateGray · Camellia

HEX

#57444D

RGB

rgb(87, 68, 77)

HSL

hsl(332, 12%, 30%)

HSB

hsb(332, 22%, 34%)

CMYK

cmyk(0%, 22%, 11%, 66%)

Oklch

oklch(41.0% 0.030 348.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00FFE5

FF0019

Analogous

00FF66

00FFE5

0099FF

Triadic

00FFE5

E600FF

FFE600

Split-Comp.

00FFE5

FF0099

FF6600

Tetradic

00FFE5

6600FF

FF0019

99FF00

Contrast Matrix WCAG 2.1 Contrast

00FFE5	57D9CC	69B5AD	5D8581	57444D
—	1.3 Fail	1.9 Fail	3.2 AA Large	7.0 AAA
1.3 Fail	—	1.4 Fail	2.4 Fail	5.2 AA
1.9 Fail	1.4 Fail	—	1.7 Fail	3.8 AA Large
3.2 AA Large	2.4 Fail	1.7 Fail	—	2.2 Fail
7.0 AAA	5.2 AA	3.8 AA Large	2.2 Fail	—

White BG

1.3Fail

1.7Fail

2.4Fail

4.1AA Large

9.0AAA

Black BG

16.4AAA

12.2AAA

8.8AAA

5.1AA

2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E71EB

8F90CF

8A8BAF

6E6F82

4F4F4B

Deuteranopia

604DED

887ED0

8680AF

6C6982

50514A

Tritanopia

0DF0F1

5ED2D2

6DB0B1

5F8383

564949

Achromatopsia

B0B0B0

B1B1B1

9D9D9D

797979

4B4B4B

Shades & Tints Shades & Tints

#00FFE5

Dark

Light

#57D9CC

Dark

Light

#69B5AD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00ffe5;
  --color-2: #57d9cc;
  --color-3: #69b5ad;
  --color-4: #5d8581;
  --color-5: #57444d;
}

SCSS

$color-1: #00ffe5;
$color-2: #57d9cc;
$color-3: #69b5ad;
$color-4: #5d8581;
$color-5: #57444d;

TAILWIND

colors: {
  'brand-1': '#00ffe5',
  'brand-2': '#57d9cc',
  'brand-3': '#69b5ad',
  'brand-4': '#5d8581',
  'brand-5': '#57444d',
}

RGB Array

[0, 255, 229], [87, 217, 204], [105, 181, 173], [93, 133, 129], [87, 68, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00FFE5, #57D9CC, #69B5AD, #5D8581, #57444D is ideal for: corporate websites, product showcases, portfolios. 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: #00ffe5; --color-2: #57d9cc; --color-3: #69b5ad; --color-4: #5d8581; --color-5: #57444d. 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. 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