#79D6B7 + #CCD6BD + #D7C3AB + #F0AFAB + #F58696 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#79D6B7

Jade · MediumAquaMarine · Lake Green

HEX

#79D6B7

RGB

rgb(121, 214, 183)

HSL

hsl(160, 53%, 66%)

HSB

hsb(160, 43%, 84%)

CMYK

cmyk(43%, 0%, 14%, 16%)

Oklch

oklch(81.0% 0.100 170.1)

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

#CCD6BD

Willow Green · LightGray · Apple Green

HEX

#CCD6BD

RGB

rgb(204, 214, 189)

HSL

hsl(84, 23%, 79%)

HSB

hsb(84, 12%, 84%)

CMYK

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

Oklch

oklch(86.2% 0.035 124.9)

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

#D7C3AB

Goose Yellow · Silver · Peach Orange

HEX

#D7C3AB

RGB

rgb(215, 195, 171)

HSL

hsl(33, 35%, 76%)

HSB

hsb(33, 20%, 84%)

CMYK

cmyk(0%, 9%, 20%, 16%)

Oklch

oklch(82.8% 0.040 72.3)

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

#F0AFAB

Peach Pink · LightPink · Cherry Blossom

HEX

#F0AFAB

RGB

rgb(240, 175, 171)

HSL

hsl(3, 70%, 81%)

HSB

hsb(3, 29%, 94%)

CMYK

cmyk(0%, 27%, 29%, 6%)

Oklch

oklch(81.4% 0.077 22.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F58696

Peach Pink · LightCoral · Coral Red

HEX

#F58696

RGB

rgb(245, 134, 150)

HSL

hsl(351, 85%, 74%)

HSB

hsb(351, 45%, 96%)

CMYK

cmyk(0%, 45%, 39%, 4%)

Oklch

oklch(74.5% 0.136 11.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79D6B7

D67A99

Analogous

7AD68A

79D6B7

7AC7D6

Triadic

79D6B7

B87AD6

D6B87A

Split-Comp.

79D6B7

D67AC7

D68A7A

Tetradic

79D6B7

8A7AD6

D67A99

C7D67A

Contrast Matrix WCAG 2.1 Contrast

79D6B7	CCD6BD	D7C3AB	F0AFAB	F58696
—	1.1 Fail	1.0 Fail	1.1 Fail	1.4 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.6 Fail
1.0 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.1 Fail	1.2 Fail	1.1 Fail	—	1.3 Fail
1.4 Fail	1.6 Fail	1.4 Fail	1.3 Fail	—

White BG

1.7Fail

1.5Fail

1.7Fail

1.8Fail

2.4Fail

Black BG

12.1AAA

13.9AAA

12.3AAA

11.4AAA

8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A2BF

D0D0C3

CECEB1

D4D3AC

C5C492

Deuteranopia

9C95C0

D0CFC5

D0D1B2

D8DDAC

CBD491

Tritanopia

7EC4C6

CCC8C9

D6B5B6

EDADAD

EF8F8E

Achromatopsia

B7B7B7

D0D0D0

C6C6C6

C2C2C2

A9A9A9

Shades & Tints Shades & Tints

#79D6B7

Dark

Light

#CCD6BD

Dark

Light

#D7C3AB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79d6b7;
  --color-2: #ccd6bd;
  --color-3: #d7c3ab;
  --color-4: #f0afab;
  --color-5: #f58696;
}

SCSS

$color-1: #79d6b7;
$color-2: #ccd6bd;
$color-3: #d7c3ab;
$color-4: #f0afab;
$color-5: #f58696;

TAILWIND

colors: {
  'brand-1': '#79d6b7',
  'brand-2': '#ccd6bd',
  'brand-3': '#d7c3ab',
  'brand-4': '#f0afab',
  'brand-5': '#f58696',
}

RGB Array

[121, 214, 183], [204, 214, 189], [215, 195, 171], [240, 175, 171], [245, 134, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79D6B7, #CCD6BD, #D7C3AB, #F0AFAB, #F58696 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: #79d6b7; --color-2: #ccd6bd; --color-3: #d7c3ab; --color-4: #f0afab; --color-5: #f58696. 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