← Back to Editor

#FF847C · #FECEA8 · #FFEDD8 · #CDE5C5 · #EAFFE2

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

#FF847C

Peach Pink · Salmon · Coral Red

HEX
#FF847C
RGB
rgb(255, 132, 124)
HSL
hsl(4, 100%, 74%)
HSB
hsb(4, 51%, 100%)
CMYK
cmyk(0%, 48%, 51%, 0%)
Oklch
oklch(75.0% 0.151 25.2)

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

#FECEA8

Apricot · Wheat · Peach Orange

HEX
#FECEA8
RGB
rgb(254, 206, 168)
HSL
hsl(27, 98%, 83%)
HSB
hsb(27, 34%, 100%)
CMYK
cmyk(0%, 19%, 34%, 0%)
Oklch
oklch(88.4% 0.074 60.0)

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

#FFEDD8

Goose Yellow · Beige · Peach Orange

HEX
#FFEDD8
RGB
rgb(255, 237, 216)
HSL
hsl(32, 100%, 92%)
HSB
hsb(32, 15%, 100%)
CMYK
cmyk(0%, 7%, 15%, 0%)
Oklch
oklch(95.5% 0.034 71.7)

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

#CDE5C5

Celadon · LightGray · Mint Green

HEX
#CDE5C5
RGB
rgb(205, 229, 197)
HSL
hsl(105, 38%, 84%)
HSB
hsb(105, 14%, 90%)
CMYK
cmyk(10%, 0%, 14%, 10%)
Oklch
oklch(89.6% 0.050 137.9)

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

#EAFFE2

Emerald · Beige · Mint Green

HEX
#EAFFE2
RGB
rgb(234, 255, 226)
HSL
hsl(103, 100%, 94%)
HSB
hsb(103, 11%, 100%)
CMYK
cmyk(8%, 0%, 11%, 0%)
Oklch
oklch(97.7% 0.044 137.0)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF847C
7AF6FF

Analogous

FF7AB4
FF847C
FFC67A

Triadic

FF847C
7AFF83
837AFF

Split-Comp.

FF847C
7AFFC6
7AB4FF

Tetradic

FF847C
B4FF7A
7AF6FF
C67AFF

Contrast Matrix WCAG 2.1 Contrast

FF847C
FECEA8
FFEDD8
CDE5C5
EAFFE2
—
1.7
Fail
2.1
Fail
1.8
Fail
2.3
Fail
1.7
Fail
—
1.3
Fail
1.1
Fail
1.4
Fail
2.1
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.8
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
2.3
Fail
1.4
Fail
1.1
Fail
1.3
Fail
—
White BG
2.4Fail
1.4Fail
1.1Fail
1.3Fail
1.1Fail
Black BG
8.8AAA
14.6AAA
18.4AAA
15.6AAA
19.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC97E
E9E9B1
F7F7DD
D7D8CD
F3F3E9

Deuteranopia

D1DA7E
ECF0B3
F8FADE
D6D4CF
F2F0EB

Tritanopia

F97F80
FCB8BA
FEE1E2
CED3D4
EBEFF0

Achromatopsia

A8A8A8
D8D8D8
F0F0F0
DADADA
F5F5F5

Shades & Tints Shades & Tints

#FF847C

Dark
Light

#FECEA8

Dark
Light

#FFEDD8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff847c;
  --color-2: #fecea8;
  --color-3: #ffedd8;
  --color-4: #cde5c5;
  --color-5: #eaffe2;
}

SCSS

$color-1: #ff847c;
$color-2: #fecea8;
$color-3: #ffedd8;
$color-4: #cde5c5;
$color-5: #eaffe2;

TAILWIND

colors: {
  'brand-1': '#ff847c',
  'brand-2': '#fecea8',
  'brand-3': '#ffedd8',
  'brand-4': '#cde5c5',
  'brand-5': '#eaffe2',
}

RGB Array

[255, 132, 124], [254, 206, 168], [255, 237, 216], [205, 229, 197], [234, 255, 226]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FF847C, #FECEA8, #FFEDD8, #CDE5C5, #EAFFE2 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: #ff847c; --color-2: #fecea8; --color-3: #ffedd8; --color-4: #cde5c5; --color-5: #eaffe2. 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