#76A89D + #66CD9D + #55F29C + #8FD8A9 + #C9BEB5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#76A89D

Mineral Blue · CadetBlue · Lake Green

HEX

#76A89D

RGB

rgb(118, 168, 157)

HSL

hsl(167, 22%, 56%)

HSB

hsb(167, 30%, 66%)

CMYK

cmyk(30%, 0%, 7%, 34%)

Oklch

oklch(69.3% 0.056 179.4)

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

#66CD9D

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#66CD9D

RGB

rgb(102, 205, 157)

HSL

hsl(152, 51%, 60%)

HSB

hsb(152, 50%, 80%)

CMYK

cmyk(50%, 0%, 23%, 20%)

Oklch

oklch(77.3% 0.120 161.5)

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

#55F29C

Emerald · MediumAquaMarine · Apple Green

HEX

#55F29C

RGB

rgb(85, 242, 156)

HSL

hsl(147, 86%, 64%)

HSB

hsb(147, 65%, 95%)

CMYK

cmyk(65%, 0%, 36%, 5%)

Oklch

oklch(85.8% 0.179 155.3)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#8FD8A9

Celadon · LightGreen · Apple Green

HEX

#8FD8A9

RGB

rgb(143, 216, 169)

HSL

hsl(141, 48%, 70%)

HSB

hsb(141, 34%, 85%)

CMYK

cmyk(34%, 0%, 22%, 15%)

Oklch

oklch(82.1% 0.099 155.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#C9BEB5

Apricot · Silver · Warm Sun

HEX

#C9BEB5

RGB

rgb(201, 190, 181)

HSL

hsl(27, 16%, 75%)

HSB

hsb(27, 10%, 79%)

CMYK

cmyk(0%, 5%, 10%, 21%)

Oklch

oklch(80.8% 0.018 61.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

76A89D

A77681

Analogous

76A784

76A89D

7699A7

Triadic

76A89D

9D76A7

A79D76

Split-Comp.

76A89D

A77699

A78476

Tetradic

76A89D

8476A7

A77681

99A776

Contrast Matrix WCAG 2.1 Contrast

76A89D	66CD9D	55F29C	8FD8A9	C9BEB5
—	1.4 Fail	1.9 Fail	1.6 Fail	1.5 Fail
1.4 Fail	—	1.4 Fail	1.2 Fail	1.1 Fail
1.9 Fail	1.4 Fail	—	1.2 Fail	1.3 Fail
1.6 Fail	1.2 Fail	1.2 Fail	—	1.1 Fail
1.5 Fail	1.1 Fail	1.3 Fail	1.1 Fail	—

White BG

2.7Fail

1.9Fail

1.4Fail

1.7Fail

1.8Fail

Black BG

7.9AAA

10.8AAA

14.6AAA

12.6AAA

11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8CA0

9394A9

999AB1

AFAFB4

C4C4B7

Deuteranopia

8985A0

8D85AB

9084B6

AAA5B7

C5C6B8

Tritanopia

79A2A2

6BB2B4

5DC1C5

93BDBF

C8B9B9

Achromatopsia

989898

A9A9A9

B9B9B9

BDBDBD

C0C0C0

Shades & Tints Shades & Tints

#76A89D

Dark

Light

#66CD9D

Dark

Light

#55F29C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #76a89d;
  --color-2: #66cd9d;
  --color-3: #55f29c;
  --color-4: #8fd8a9;
  --color-5: #c9beb5;
}

SCSS

$color-1: #76a89d;
$color-2: #66cd9d;
$color-3: #55f29c;
$color-4: #8fd8a9;
$color-5: #c9beb5;

TAILWIND

colors: {
  'brand-1': '#76a89d',
  'brand-2': '#66cd9d',
  'brand-3': '#55f29c',
  'brand-4': '#8fd8a9',
  'brand-5': '#c9beb5',
}

RGB Array

[118, 168, 157], [102, 205, 157], [85, 242, 156], [143, 216, 169], [201, 190, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #76A89D, #66CD9D, #55F29C, #8FD8A9, #C9BEB5 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: #76a89d; --color-2: #66cd9d; --color-3: #55f29c; --color-4: #8fd8a9; --color-5: #c9beb5. 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