← Back to Editor

#8D8580 · #FF9C9F · #F2CCB2 · #FCE4C6 · #EEF3F3

sea

A 5-color sea 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

#8D8580

Ash · Gray · Warm Gray

HEX
#8D8580
RGB
rgb(141, 133, 128)
HSL
hsl(23, 5%, 53%)
HSB
hsb(23, 9%, 55%)
CMYK
cmyk(0%, 6%, 9%, 45%)
Oklch
oklch(62.2% 0.012 54.4)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#FF9C9F

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FF9C9F
RGB
rgb(255, 156, 159)
HSL
hsl(358, 100%, 81%)
HSB
hsb(358, 39%, 100%)
CMYK
cmyk(0%, 39%, 38%, 0%)
Oklch
oklch(79.5% 0.119 18.1)

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

#F2CCB2

Apricot · Wheat · Peach Orange

HEX
#F2CCB2
RGB
rgb(242, 204, 178)
HSL
hsl(24, 71%, 82%)
HSB
hsb(24, 26%, 95%)
CMYK
cmyk(0%, 16%, 26%, 5%)
Oklch
oklch(87.1% 0.055 56.3)

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

#FCE4C6

Goose Yellow · Bisque · Peach Orange

HEX
#FCE4C6
RGB
rgb(252, 228, 198)
HSL
hsl(33, 90%, 88%)
HSB
hsb(33, 21%, 99%)
CMYK
cmyk(0%, 10%, 21%, 1%)
Oklch
oklch(93.1% 0.047 73.3)

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

#EEF3F3

Sky Blue · Lavender · Glacier Blue

HEX
#EEF3F3
RGB
rgb(238, 243, 243)
HSL
hsl(180, 17%, 94%)
HSB
hsb(180, 2%, 95%)
CMYK
cmyk(2%, 0%, 0%, 5%)
Oklch
oklch(96.0% 0.005 197.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D8580
81898D

Analogous

8D8183
8D8580
8D8C81

Triadic

8D8580
818D86
86818D

Split-Comp.

8D8580
818D8C
81838D

Tetradic

8D8580
838D81
81898D
8C818D

Contrast Matrix WCAG 2.1 Contrast

8D8580
FF9C9F
F2CCB2
FCE4C6
EEF3F3
—
1.8
Fail
2.4
Fail
2.9
Fail
3.2
AA Large
1.8
Fail
—
1.3
Fail
1.6
Fail
1.8
Fail
2.4
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
2.9
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
3.2
AA Large
1.8
Fail
1.3
Fail
1.1
Fail
—
White BG
3.6AA Large
2.0Fail
1.5Fail
1.2Fail
1.1Fail
Black BG
5.8AA
10.5AAA
14.1AAA
17.1AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8981
D4D39E
E2E1B8
F2F1CD
F0F0F3

Deuteranopia

8A8B82
DAE19E
E4E7BA
F3F5CF
F0F0F3

Tritanopia

8D8282
FA9E9E
F0BDBE
FBD3D4
EEF3F3

Achromatopsia

878787
BABABA
D4D4D4
E8E8E8
F2F2F2

Shades & Tints Shades & Tints

#8D8580

Dark
Light

#FF9C9F

Dark
Light

#F2CCB2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d8580;
  --color-2: #ff9c9f;
  --color-3: #f2ccb2;
  --color-4: #fce4c6;
  --color-5: #eef3f3;
}

SCSS

$color-1: #8d8580;
$color-2: #ff9c9f;
$color-3: #f2ccb2;
$color-4: #fce4c6;
$color-5: #eef3f3;

TAILWIND

colors: {
  'brand-1': '#8d8580',
  'brand-2': '#ff9c9f',
  'brand-3': '#f2ccb2',
  'brand-4': '#fce4c6',
  'brand-5': '#eef3f3',
}

RGB Array

[141, 133, 128], [255, 156, 159], [242, 204, 178], [252, 228, 198], [238, 243, 243]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #8D8580, #FF9C9F, #F2CCB2, #FCE4C6, #EEF3F3 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: #8d8580; --color-2: #ff9c9f; --color-3: #f2ccb2; --color-4: #fce4c6; --color-5: #eef3f3. 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 sea-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