#75998F + #9AD7C8 + #BEE1CB + #E8F6D5 + #C8D4A6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#75998F

Mineral Blue · LightSlateGray · Lake Green

HEX

#75998F

RGB

rgb(117, 153, 143)

HSL

hsl(163, 15%, 53%)

HSB

hsb(163, 24%, 60%)

CMYK

cmyk(24%, 0%, 7%, 40%)

Oklch

oklch(65.3% 0.043 176.0)

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

#9AD7C8

Jade · LightBlue · Lake Green

HEX

#9AD7C8

RGB

rgb(154, 215, 200)

HSL

hsl(165, 43%, 72%)

HSB

hsb(165, 28%, 84%)

CMYK

cmyk(28%, 0%, 7%, 16%)

Oklch

oklch(83.3% 0.066 177.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#BEE1CB

Celadon · LightGray · Mint Green

HEX

#BEE1CB

RGB

rgb(190, 225, 203)

HSL

hsl(142, 37%, 81%)

HSB

hsb(142, 16%, 88%)

CMYK

cmyk(16%, 0%, 10%, 12%)

Oklch

oklch(87.8% 0.048 157.7)

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

#E8F6D5

Willow Green · Beige · Mint Green

HEX

#E8F6D5

RGB

rgb(232, 246, 213)

HSL

hsl(85, 65%, 90%)

HSB

hsb(85, 13%, 96%)

CMYK

cmyk(6%, 0%, 13%, 4%)

Oklch

oklch(95.4% 0.046 126.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#C8D4A6

Willow Green · Silver · Apple Green

HEX

#C8D4A6

RGB

rgb(200, 212, 166)

HSL

hsl(76, 35%, 74%)

HSB

hsb(76, 22%, 83%)

CMYK

cmyk(6%, 0%, 22%, 17%)

Oklch

oklch(84.9% 0.063 119.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75998F

99757F

Analogous

75997D

75998F

759199

Triadic

75998F

8F7599

998F75

Split-Comp.

75998F

997591

997D75

Tetradic

75998F

7D7599

99757F

919975

Contrast Matrix WCAG 2.1 Contrast

75998F	9AD7C8	BEE1CB	E8F6D5	C8D4A6
—	1.9 Fail	2.2 Fail	2.8 Fail	2.0 Fail
1.9 Fail	—	1.1 Fail	1.4 Fail	1.0 Fail
2.2 Fail	1.1 Fail	—	1.3 Fail	1.1 Fail
2.8 Fail	1.4 Fail	1.3 Fail	—	1.4 Fail
2.0 Fail	1.0 Fail	1.1 Fail	1.4 Fail	—

White BG

3.1AA Large

1.6Fail

1.4Fail

1.1Fail

1.6Fail

Black BG

6.7AA

12.9AAA

14.8AAA

18.6AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

858591

B4B5CC

CDCDD0

EEEEDD

CDCDB1

Deuteranopia

838092

B1ACCD

CBC9D2

EDECDF

CDCCB4

Tritanopia

779394

9DCECF

C0D5D5

E9E3E5

C9BABC

Achromatopsia

8D8D8D

C3C3C3

D4D4D4

EEEEEE

CBCBCB

Shades & Tints Shades & Tints

#75998F

Dark

Light

#9AD7C8

Dark

Light

#BEE1CB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75998f;
  --color-2: #9ad7c8;
  --color-3: #bee1cb;
  --color-4: #e8f6d5;
  --color-5: #c8d4a6;
}

SCSS

$color-1: #75998f;
$color-2: #9ad7c8;
$color-3: #bee1cb;
$color-4: #e8f6d5;
$color-5: #c8d4a6;

TAILWIND

colors: {
  'brand-1': '#75998f',
  'brand-2': '#9ad7c8',
  'brand-3': '#bee1cb',
  'brand-4': '#e8f6d5',
  'brand-5': '#c8d4a6',
}

RGB Array

[117, 153, 143], [154, 215, 200], [190, 225, 203], [232, 246, 213], [200, 212, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75998F, #9AD7C8, #BEE1CB, #E8F6D5, #C8D4A6 is ideal for: health products, baby brands, fresh-style blogs. 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: #75998f; --color-2: #9ad7c8; --color-3: #bee1cb; --color-4: #e8f6d5; --color-5: #c8d4a6. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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