← Back to Editor

#ED506F · #F8586A · #FE7976 · #FF9084 · #EFE4DE

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#ED506F

Peach Pink · Tomato · Coral Red

HEX
#ED506F
RGB
rgb(237, 80, 111)
HSL
hsl(348, 81%, 62%)
HSB
hsb(348, 66%, 93%)
CMYK
cmyk(0%, 66%, 53%, 7%)
Oklch
oklch(65.3% 0.193 12.6)

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

#F8586A

Peach Pink · Tomato · Coral Red

HEX
#F8586A
RGB
rgb(248, 88, 106)
HSL
hsl(353, 92%, 66%)
HSB
hsb(353, 65%, 97%)
CMYK
cmyk(0%, 65%, 57%, 3%)
Oklch
oklch(67.8% 0.195 17.5)

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

#FE7976

Peach Pink · Salmon · Coral Red

HEX
#FE7976
RGB
rgb(254, 121, 118)
HSL
hsl(1, 99%, 73%)
HSB
hsb(1, 54%, 100%)
CMYK
cmyk(0%, 52%, 54%, 0%)
Oklch
oklch(73.1% 0.163 23.2)

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

#FF9084

Peach Pink · LightSalmon · Coral Red

HEX
#FF9084
RGB
rgb(255, 144, 132)
HSL
hsl(6, 100%, 76%)
HSB
hsb(6, 48%, 100%)
CMYK
cmyk(0%, 44%, 48%, 0%)
Oklch
oklch(76.9% 0.136 27.2)

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

#EFE4DE

Apricot · Beige · Peach Orange

HEX
#EFE4DE
RGB
rgb(239, 228, 222)
HSL
hsl(21, 35%, 90%)
HSB
hsb(21, 7%, 94%)
CMYK
cmyk(0%, 5%, 7%, 6%)
Oklch
oklch(92.6% 0.015 50.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED506F
50EDCD

Analogous

ED50BD
ED506F
ED7F50

Triadic

ED506F
6FED50
506FED

Split-Comp.

ED506F
50ED7F
50BDED

Tetradic

ED506F
BDED50
50EDCD
7F50ED

Contrast Matrix WCAG 2.1 Contrast

ED506F
F8586A
FE7976
FF9084
EFE4DE
—
1.1
Fail
1.4
Fail
1.6
Fail
2.8
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
2.6
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
2.0
Fail
1.6
Fail
1.5
Fail
1.2
Fail
—
1.8
Fail
2.8
Fail
2.6
Fail
2.0
Fail
1.8
Fail
—
White BG
3.5AA Large
3.2AA Large
2.6Fail
2.2Fail
1.2Fail
Black BG
6.0AA
6.6AA
8.2AAA
9.6AAA
16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A867
B3B166
C4C377
CFCE87
EAEADF

Deuteranopia

B2BE66
BCC865
CCD677
D5DE88
EBECE0

Tritanopia

E56260
F06261
F77777
F9898A
EEE1E1

Achromatopsia

828282
8A8A8A
A0A0A0
B0B0B0
E7E7E7

Shades & Tints Shades & Tints

#ED506F

Dark
Light

#F8586A

Dark
Light

#FE7976

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed506f;
  --color-2: #f8586a;
  --color-3: #fe7976;
  --color-4: #ff9084;
  --color-5: #efe4de;
}

SCSS

$color-1: #ed506f;
$color-2: #f8586a;
$color-3: #fe7976;
$color-4: #ff9084;
$color-5: #efe4de;

TAILWIND

colors: {
  'brand-1': '#ed506f',
  'brand-2': '#f8586a',
  'brand-3': '#fe7976',
  'brand-4': '#ff9084',
  'brand-5': '#efe4de',
}

RGB Array

[237, 80, 111], [248, 88, 106], [254, 121, 118], [255, 144, 132], [239, 228, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #ED506F, #F8586A, #FE7976, #FF9084, #EFE4DE is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ed506f; --color-2: #f8586a; --color-3: #fe7976; --color-4: #ff9084; --color-5: #efe4de. 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 sea-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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