#75BE9E + #B0E6AC + #DDE6AC + #E6D2AC + #E6AFAC · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#75BE9E

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#75BE9E

RGB

rgb(117, 190, 158)

HSL

hsl(154, 36%, 60%)

HSB

hsb(154, 38%, 75%)

CMYK

cmyk(38%, 0%, 17%, 25%)

Oklch

oklch(74.4% 0.087 164.6)

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

#B0E6AC

Emerald · LightGreen · Apple Green

HEX

#B0E6AC

RGB

rgb(176, 230, 172)

HSL

hsl(116, 54%, 79%)

HSB

hsb(116, 25%, 90%)

CMYK

cmyk(23%, 0%, 25%, 10%)

Oklch

oklch(87.3% 0.096 143.0)

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

#DDE6AC

Fresh Green · Wheat · Lemon Cream

HEX

#DDE6AC

RGB

rgb(221, 230, 172)

HSL

hsl(69, 54%, 79%)

HSB

hsb(69, 25%, 90%)

CMYK

cmyk(4%, 0%, 25%, 10%)

Oklch

oklch(90.4% 0.076 115.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E6D2AC

Goose Yellow · Wheat · Peach Orange

HEX

#E6D2AC

RGB

rgb(230, 210, 172)

HSL

hsl(39, 54%, 79%)

HSB

hsb(39, 25%, 90%)

CMYK

cmyk(0%, 9%, 25%, 10%)

Oklch

oklch(87.1% 0.055 83.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E6AFAC

Peach Pink · LightPink · Coral Red

HEX

#E6AFAC

RGB

rgb(230, 175, 172)

HSL

hsl(3, 54%, 79%)

HSB

hsb(3, 25%, 90%)

CMYK

cmyk(0%, 24%, 25%, 10%)

Oklch

oklch(80.4% 0.065 22.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75BE9E

BE7494

Analogous

74BE79

75BE9E

74B9BE

Triadic

75BE9E

9E74BE

BE9E74

Split-Comp.

75BE9E

BE74B9

BE7974

Tetradic

75BE9E

7974BE

BE7494

B9BE74

Contrast Matrix WCAG 2.1 Contrast

75BE9E	B0E6AC	DDE6AC	E6D2AC	E6AFAC
—	1.5 Fail	1.7 Fail	1.5 Fail	1.2 Fail
1.5 Fail	—	1.1 Fail	1.0 Fail	1.3 Fail
1.7 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.5 Fail	1.0 Fail	1.1 Fail	—	1.3 Fail
1.2 Fail	1.3 Fail	1.4 Fail	1.3 Fail	—

White BG

2.2Fail

1.4Fail

1.3Fail

1.5Fail

1.9Fail

Black BG

9.6AAA

14.8AAA

16.0AAA

14.2AAA

11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9595A6

C7C8BA

E1E1BA

DDDDB5

CECEAD

Deuteranopia

908BA8

C4C0BD

E0E0BD

DFE0B7

D1D6AD

Tritanopia

79ACAD

B3C5C8

DDC5C8

E5BCBE

E3ADAD

Achromatopsia

A5A5A5

CFCFCF

DDDDDD

D4D4D4

BFBFBF

Shades & Tints Shades & Tints

#75BE9E

Dark

Light

#B0E6AC

Dark

Light

#DDE6AC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75be9e;
  --color-2: #b0e6ac;
  --color-3: #dde6ac;
  --color-4: #e6d2ac;
  --color-5: #e6afac;
}

SCSS

$color-1: #75be9e;
$color-2: #b0e6ac;
$color-3: #dde6ac;
$color-4: #e6d2ac;
$color-5: #e6afac;

TAILWIND

colors: {
  'brand-1': '#75be9e',
  'brand-2': '#b0e6ac',
  'brand-3': '#dde6ac',
  'brand-4': '#e6d2ac',
  'brand-5': '#e6afac',
}

RGB Array

[117, 190, 158], [176, 230, 172], [221, 230, 172], [230, 210, 172], [230, 175, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #75BE9E, #B0E6AC, #DDE6AC, #E6D2AC, #E6AFAC 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: #75be9e; --color-2: #b0e6ac; --color-3: #dde6ac; --color-4: #e6d2ac; --color-5: #e6afac. 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 cool-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