← Back to Editor

#FEF1D1 · #FBB99C · #F47382 · #A26C81 · #371439

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 AppData Visualization

Color Details Color Details

#FEF1D1

Goose Yellow · Beige · Lemon Cream

HEX
#FEF1D1
RGB
rgb(254, 241, 209)
HSL
hsl(43, 96%, 91%)
HSB
hsb(43, 18%, 100%)
CMYK
cmyk(0%, 5%, 18%, 0%)
Oklch
oklch(96.0% 0.044 88.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FBB99C

Apricot · BurlyWood · Peach Orange

HEX
#FBB99C
RGB
rgb(251, 185, 156)
HSL
hsl(18, 92%, 80%)
HSB
hsb(18, 38%, 98%)
CMYK
cmyk(0%, 26%, 38%, 2%)
Oklch
oklch(84.0% 0.087 44.7)

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

#F47382

Peach Pink · LightCoral · Coral Red

HEX
#F47382
RGB
rgb(244, 115, 130)
HSL
hsl(353, 85%, 70%)
HSB
hsb(353, 53%, 96%)
CMYK
cmyk(0%, 53%, 47%, 4%)
Oklch
oklch(71.1% 0.159 14.8)

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

#A26C81

Dark Violet · Gray · Rose Pink

HEX
#A26C81
RGB
rgb(162, 108, 129)
HSL
hsl(337, 22%, 53%)
HSB
hsb(337, 33%, 64%)
CMYK
cmyk(0%, 33%, 20%, 36%)
Oklch
oklch(59.4% 0.074 354.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#371439

Dark Plum · MidnightBlue · Dark Purple

HEX
#371439
RGB
rgb(55, 20, 57)
HSL
hsl(297, 48%, 15%)
HSB
hsb(297, 65%, 22%)
CMYK
cmyk(4%, 65%, 0%, 78%)
Oklch
oklch(26.2% 0.079 325.4)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEF1D1
D2DFFE

Analogous

FEDCD2
FEF1D1
F5FED2

Triadic

FEF1D1
D2FEF2
F2D2FE

Split-Comp.

FEF1D1
D2F5FE
DCD2FE

Tetradic

FEF1D1
D2FEDC
D2DFFE
FED2F5

Contrast Matrix WCAG 2.1 Contrast

FEF1D1
FBB99C
F47382
A26C81
371439
—
1.5
Fail
2.5
Fail
3.7
AA Large
14.2
AAA
1.5
Fail
—
1.6
Fail
2.5
Fail
9.5
AAA
2.5
Fail
1.6
Fail
—
1.5
Fail
5.8
AA
3.7
AA Large
2.5
Fail
1.5
Fail
—
3.8
AA Large
14.2
AAA
9.5
AAA
5.8
AA
3.8
AA Large
—
White BG
1.1Fail
1.7Fail
2.8Fail
4.2AA Large
15.9AAA
Black BG
18.7AAA
12.5AAA
7.6AAA
5.0AA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8D9
DEDEA3
BCBB7E
8B8A7C
282830

Deuteranopia

F9FADB
E2E7A5
C4CD7E
8E927B
2A2D2E

Tritanopia

FDDFE0
F8A9AA
EE7C7B
9F7877
352927

Achromatopsia

F1F1F1
C9C9C9
9B9B9B
7F7F7F
232323

Shades & Tints Shades & Tints

#FEF1D1

Dark
Light

#FBB99C

Dark
Light

#F47382

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fef1d1;
  --color-2: #fbb99c;
  --color-3: #f47382;
  --color-4: #a26c81;
  --color-5: #371439;
}

SCSS

$color-1: #fef1d1;
$color-2: #fbb99c;
$color-3: #f47382;
$color-4: #a26c81;
$color-5: #371439;

TAILWIND

colors: {
  'brand-1': '#fef1d1',
  'brand-2': '#fbb99c',
  'brand-3': '#f47382',
  'brand-4': '#a26c81',
  'brand-5': '#371439',
}

RGB Array

[254, 241, 209], [251, 185, 156], [244, 115, 130], [162, 108, 129], [55, 20, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FEF1D1, #FBB99C, #F47382, #A26C81, #371439 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #fef1d1; --color-2: #fbb99c; --color-3: #f47382; --color-4: #a26c81; --color-5: #371439. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 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