← Back to Editor

#8D666B · #C97873 · #FE856D · #FF9B7A · #FECBAD

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

#8D666B

Crimson · Gray · Passion Red

HEX
#8D666B
RGB
rgb(141, 102, 107)
HSL
hsl(352, 16%, 48%)
HSB
hsb(352, 28%, 55%)
CMYK
cmyk(0%, 28%, 24%, 45%)
Oklch
oklch(55.2% 0.051 10.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#C97873

Peach Pink · LightCoral · Coral Red

HEX
#C97873
RGB
rgb(201, 120, 115)
HSL
hsl(3, 44%, 62%)
HSB
hsb(3, 43%, 79%)
CMYK
cmyk(0%, 40%, 43%, 21%)
Oklch
oklch(65.9% 0.102 24.0)

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

#FE856D

Peach Pink · Salmon · Coral Red

HEX
#FE856D
RGB
rgb(254, 133, 109)
HSL
hsl(10, 99%, 71%)
HSB
hsb(10, 57%, 100%)
CMYK
cmyk(0%, 48%, 57%, 0%)
Oklch
oklch(74.7% 0.152 32.5)

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

#FF9B7A

Apricot · LightSalmon · Warm Sun

HEX
#FF9B7A
RGB
rgb(255, 155, 122)
HSL
hsl(15, 100%, 74%)
HSB
hsb(15, 52%, 100%)
CMYK
cmyk(0%, 39%, 52%, 0%)
Oklch
oklch(78.5% 0.129 39.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FECBAD

Apricot · Wheat · Peach Orange

HEX
#FECBAD
RGB
rgb(254, 203, 173)
HSL
hsl(22, 98%, 84%)
HSB
hsb(22, 32%, 100%)
CMYK
cmyk(0%, 20%, 32%, 0%)
Oklch
oklch(87.9% 0.071 52.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8D666B
678E89

Analogous

8E6780
8D666B
8E7567

Triadic

8D666B
6C8E67
676C8E

Split-Comp.

8D666B
678E75
67808E

Tetradic

8D666B
808E67
678E89
75678E

Contrast Matrix WCAG 2.1 Contrast

8D666B
C97873
FE856D
FF9B7A
FECBAD
—
1.5
Fail
2.1
Fail
2.4
Fail
3.4
AA Large
1.5
Fail
—
1.4
Fail
1.6
Fail
2.2
Fail
2.1
Fail
1.4
Fail
—
1.2
Fail
1.6
Fail
2.4
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
3.4
AA Large
2.2
Fail
1.6
Fail
1.4
Fail
—
White BG
4.9AA
3.3AA Large
2.4Fail
2.1Fail
1.5Fail
Black BG
4.2AA Large
6.4AA
8.8AAA
10.2AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7C6A
A6A574
CAC973
D4D382
E8E7B4

Deuteranopia

7E8169
ABB175
D1DA74
DAE184
EBEFB6

Tritanopia

8B6969
C57575
F87778
FA888A
FBBABB

Achromatopsia

727272
909090
A6A6A6
B5B5B5
D7D7D7

Shades & Tints Shades & Tints

#8D666B

Dark
Light

#C97873

Dark
Light

#FE856D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8d666b;
  --color-2: #c97873;
  --color-3: #fe856d;
  --color-4: #ff9b7a;
  --color-5: #fecbad;
}

SCSS

$color-1: #8d666b;
$color-2: #c97873;
$color-3: #fe856d;
$color-4: #ff9b7a;
$color-5: #fecbad;

TAILWIND

colors: {
  'brand-1': '#8d666b',
  'brand-2': '#c97873',
  'brand-3': '#fe856d',
  'brand-4': '#ff9b7a',
  'brand-5': '#fecbad',
}

RGB Array

[141, 102, 107], [201, 120, 115], [254, 133, 109], [255, 155, 122], [254, 203, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #8D666B, #C97873, #FE856D, #FF9B7A, #FECBAD 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: #8d666b; --color-2: #c97873; --color-3: #fe856d; --color-4: #ff9b7a; --color-5: #fecbad. 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