#F19F93 + #F2CB94 + #E2EB6C + #B6AE8A + #A5D9B0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F19F93

Peach Pink · DarkSalmon · Coral Red

HEX

#F19F93

RGB

rgb(241, 159, 147)

HSL

hsl(8, 77%, 76%)

HSB

hsb(8, 39%, 95%)

CMYK

cmyk(0%, 34%, 39%, 5%)

Oklch

oklch(78.1% 0.100 28.7)

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

#F2CB94

Goose Yellow · Khaki · Peach Orange

HEX

#F2CB94

RGB

rgb(242, 203, 148)

HSL

hsl(35, 78%, 76%)

HSB

hsb(35, 39%, 95%)

CMYK

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

Oklch

oklch(86.3% 0.083 75.8)

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

#E2EB6C

Fresh Green · Khaki · Sunflower

HEX

#E2EB6C

RGB

rgb(226, 235, 108)

HSL

hsl(64, 76%, 67%)

HSB

hsb(64, 54%, 92%)

CMYK

cmyk(4%, 0%, 54%, 8%)

Oklch

oklch(90.8% 0.151 112.7)

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

#B6AE8A

Ginger · Tan · Sunflower

HEX

#B6AE8A

RGB

rgb(182, 174, 138)

HSL

hsl(49, 23%, 63%)

HSB

hsb(49, 24%, 71%)

CMYK

cmyk(0%, 4%, 24%, 29%)

Oklch

oklch(74.8% 0.050 97.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A5D9B0

Celadon · Silver · Apple Green

HEX

#A5D9B0

RGB

rgb(165, 217, 176)

HSL

hsl(133, 41%, 75%)

HSB

hsb(133, 24%, 85%)

CMYK

cmyk(24%, 0%, 19%, 15%)

Oklch

oklch(83.8% 0.078 150.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F19F93

93E4F1

Analogous

F193B5

F19F93

F1CE93

Triadic

F19F93

93F19F

9F93F1

Split-Comp.

F19F93

93F1CE

93B5F1

Tetradic

F19F93

B5F193

93E4F1

CE93F1

Contrast Matrix WCAG 2.1 Contrast

F19F93	F2CB94	E2EB6C	B6AE8A	A5D9B0
—	1.4 Fail	1.6 Fail	1.1 Fail	1.3 Fail
1.4 Fail	—	1.2 Fail	1.5 Fail	1.0 Fail
1.6 Fail	1.2 Fail	—	1.7 Fail	1.2 Fail
1.1 Fail	1.5 Fail	1.7 Fail	—	1.4 Fail
1.3 Fail	1.0 Fail	1.2 Fail	1.4 Fail	—

White BG

2.1Fail

1.5Fail

1.3Fail

2.2Fail

1.6Fail

Black BG

10.1AAA

13.7AAA

16.3AAA

9.4AAA

13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCD96

E1E1A1

E6E68B

B3B293

BCBCBA

Deuteranopia

D2D897

E3E6A5

E5E592

B3B495

B9B5BC

Tritanopia

ED9899

F0ACAE

E2A3A8

B69A9B

A8C2C3

Achromatopsia

B6B6B6

D0D0D0

DADADA

ACACAC

C5C5C5

Shades & Tints Shades & Tints

#F19F93

Dark

Light

#F2CB94

Dark

Light

#E2EB6C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f19f93;
  --color-2: #f2cb94;
  --color-3: #e2eb6c;
  --color-4: #b6ae8a;
  --color-5: #a5d9b0;
}

SCSS

$color-1: #f19f93;
$color-2: #f2cb94;
$color-3: #e2eb6c;
$color-4: #b6ae8a;
$color-5: #a5d9b0;

TAILWIND

colors: {
  'brand-1': '#f19f93',
  'brand-2': '#f2cb94',
  'brand-3': '#e2eb6c',
  'brand-4': '#b6ae8a',
  'brand-5': '#a5d9b0',
}

RGB Array

[241, 159, 147], [242, 203, 148], [226, 235, 108], [182, 174, 138], [165, 217, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F19F93, #F2CB94, #E2EB6C, #B6AE8A, #A5D9B0 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: #f19f93; --color-2: #f2cb94; --color-3: #e2eb6c; --color-4: #b6ae8a; --color-5: #a5d9b0. 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