← Back to Editor

#98E9E2 · #FCF8F9 · #EBB2C1 · #F18279 · #5F5A54

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#98E9E2

Jade · LightBlue · Lake Green

HEX
#98E9E2
RGB
rgb(152, 233, 226)
HSL
hsl(175, 65%, 75%)
HSB
hsb(175, 35%, 91%)
CMYK
cmyk(35%, 0%, 3%, 9%)
Oklch
oklch(88.0% 0.080 188.9)

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

#FCF8F9

Peach Pink · Snow · Cherry Blossom

HEX
#FCF8F9
RGB
rgb(252, 248, 249)
HSL
hsl(345, 40%, 98%)
HSB
hsb(345, 2%, 99%)
CMYK
cmyk(0%, 2%, 1%, 1%)
Oklch
oklch(98.2% 0.004 360.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#EBB2C1

Rouge · LightPink · Cherry Blossom

HEX
#EBB2C1
RGB
rgb(235, 178, 193)
HSL
hsl(344, 59%, 81%)
HSB
hsb(344, 24%, 92%)
CMYK
cmyk(0%, 24%, 18%, 8%)
Oklch
oklch(82.0% 0.069 1.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F18279

Peach Pink · LightCoral · Coral Red

HEX
#F18279
RGB
rgb(241, 130, 121)
HSL
hsl(4, 81%, 71%)
HSB
hsb(4, 50%, 95%)
CMYK
cmyk(0%, 46%, 50%, 5%)
Oklch
oklch(72.8% 0.138 25.8)

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

#5F5A54

Ink Gray · DimGray · Charcoal

HEX
#5F5A54
RGB
rgb(95, 90, 84)
HSL
hsl(33, 6%, 35%)
HSB
hsb(33, 12%, 37%)
CMYK
cmyk(0%, 5%, 12%, 63%)
Oklch
oklch(47.0% 0.011 72.5)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

98E9E2
E9969D

Analogous

96E9B8
98E9E2
96C6E9

Triadic

98E9E2
E296E9
E9E296

Split-Comp.

98E9E2
E996C6
E9B896

Tetradic

98E9E2
B896E9
E9969D
C6E996

Contrast Matrix WCAG 2.1 Contrast

98E9E2
FCF8F9
EBB2C1
F18279
5F5A54
—
1.3
Fail
1.3
Fail
1.8
Fail
4.9
AA
1.3
Fail
—
1.7
Fail
2.4
Fail
6.5
AA
1.3
Fail
1.7
Fail
—
1.4
Fail
3.8
AA Large
1.8
Fail
2.4
Fail
1.4
Fail
—
2.7
Fail
4.9
AA
6.5
AA
3.8
AA Large
2.7
Fail
—
White BG
1.4Fail
1.1Fail
1.8Fail
2.6Fail
6.8AA
Black BG
15.1AAA
19.9AAA
11.7AAA
8.2AAA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBCE4
FAFAF9
D2D2BD
C1C07B
5D5D55

Deuteranopia

B6B0E4
FBFBF9
D6DABD
C7D07C
5D5E56

Tritanopia

9CE5E5
FCF9F9
E8BBBA
EB7D7D
5F5757

Achromatopsia

D0D0D0
F9F9F9
C5C5C5
A2A2A2
5B5B5B

Shades & Tints Shades & Tints

#98E9E2

Dark
Light

#FCF8F9

Dark
Light

#EBB2C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #98e9e2;
  --color-2: #fcf8f9;
  --color-3: #ebb2c1;
  --color-4: #f18279;
  --color-5: #5f5a54;
}

SCSS

$color-1: #98e9e2;
$color-2: #fcf8f9;
$color-3: #ebb2c1;
$color-4: #f18279;
$color-5: #5f5a54;

TAILWIND

colors: {
  'brand-1': '#98e9e2',
  'brand-2': '#fcf8f9',
  'brand-3': '#ebb2c1',
  'brand-4': '#f18279',
  'brand-5': '#5f5a54',
}

RGB Array

[152, 233, 226], [252, 248, 249], [235, 178, 193], [241, 130, 121], [95, 90, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #98E9E2, #FCF8F9, #EBB2C1, #F18279, #5F5A54 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #98e9e2; --color-2: #fcf8f9; --color-3: #ebb2c1; --color-4: #f18279; --color-5: #5f5a54. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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