#F79994 + #F4B8A4 + #B4B89E + #79B39B + #2EB296 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F79994

Peach Pink · LightSalmon · Coral Red

HEX

#F79994

RGB

rgb(247, 153, 148)

HSL

hsl(3, 86%, 77%)

HSB

hsb(3, 40%, 97%)

CMYK

cmyk(0%, 38%, 40%, 3%)

Oklch

oklch(77.8% 0.114 23.3)

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

#F4B8A4

Apricot · LightPink · Peach Orange

HEX

#F4B8A4

RGB

rgb(244, 184, 164)

HSL

hsl(15, 78%, 80%)

HSB

hsb(15, 33%, 96%)

CMYK

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

Oklch

oklch(83.2% 0.075 39.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#B4B89E

Fresh Green · DarkGray · Sunflower

HEX

#B4B89E

RGB

rgb(180, 184, 158)

HSL

hsl(69, 15%, 67%)

HSB

hsb(69, 14%, 72%)

CMYK

cmyk(2%, 0%, 14%, 28%)

Oklch

oklch(77.2% 0.036 114.4)

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

#79B39B

Mineral Blue · DarkSeaGreen · Olive Green

HEX

#79B39B

RGB

rgb(121, 179, 155)

HSL

hsl(155, 28%, 59%)

HSB

hsb(155, 32%, 70%)

CMYK

cmyk(32%, 0%, 13%, 30%)

Oklch

oklch(72.0% 0.070 166.7)

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

#2EB296

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#2EB296

RGB

rgb(46, 178, 150)

HSL

hsl(167, 59%, 44%)

HSB

hsb(167, 74%, 70%)

CMYK

cmyk(74%, 0%, 16%, 30%)

Oklch

oklch(68.7% 0.118 174.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F79994

92F2F7

Analogous

F792BF

F79994

F7C992

Triadic

F79994

92F797

9792F7

Split-Comp.

F79994

92F7C9

92BFF7

Tetradic

F79994

BFF792

92F2F7

C992F7

Contrast Matrix WCAG 2.1 Contrast

F79994	F4B8A4	B4B89E	79B39B	2EB296
—	1.2 Fail	1.0 Fail	1.1 Fail	1.3 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.5 Fail
1.0 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.1 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.3 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

2.1Fail

1.7Fail

2.0Fail

2.4Fail

2.6Fail

Black BG

9.9AAA

12.2AAA

10.3AAA

8.7AAA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECD95

DAD9A9

B6B6A4

9293A1

67689D

Deuteranopia

D4DB96

DEE2AA

B6B5A6

8F8AA2

60569E

Tritanopia

F29696

F1ADAE

B4A9AA

7CA5A6

35A2A3

Achromatopsia

B5B5B5

C8C8C8

B4B4B4

9F9F9F

878787

Shades & Tints Shades & Tints

#F79994

Dark

Light

#F4B8A4

Dark

Light

#B4B89E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f79994;
  --color-2: #f4b8a4;
  --color-3: #b4b89e;
  --color-4: #79b39b;
  --color-5: #2eb296;
}

SCSS

$color-1: #f79994;
$color-2: #f4b8a4;
$color-3: #b4b89e;
$color-4: #79b39b;
$color-5: #2eb296;

TAILWIND

colors: {
  'brand-1': '#f79994',
  'brand-2': '#f4b8a4',
  'brand-3': '#b4b89e',
  'brand-4': '#79b39b',
  'brand-5': '#2eb296',
}

RGB Array

[247, 153, 148], [244, 184, 164], [180, 184, 158], [121, 179, 155], [46, 178, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F79994, #F4B8A4, #B4B89E, #79B39B, #2EB296 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: #f79994; --color-2: #f4b8a4; --color-3: #b4b89e; --color-4: #79b39b; --color-5: #2eb296. 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