← Back to Editor

#FFEAD1 · #FAA296 · #E24E4A · #BD1D1D · #E47929

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

#FFEAD1

Goose Yellow · Bisque · Peach Orange

HEX
#FFEAD1
RGB
rgb(255, 234, 209)
HSL
hsl(33, 100%, 91%)
HSB
hsb(33, 18%, 100%)
CMYK
cmyk(0%, 8%, 18%, 0%)
Oklch
oklch(94.7% 0.040 72.1)

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

#FAA296

Peach Pink · LightSalmon · Coral Red

HEX
#FAA296
RGB
rgb(250, 162, 150)
HSL
hsl(7, 91%, 78%)
HSB
hsb(7, 40%, 98%)
CMYK
cmyk(0%, 35%, 40%, 2%)
Oklch
oklch(79.7% 0.107 28.1)

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

#E24E4A

Vermilion · Tomato · Passion Red

HEX
#E24E4A
RGB
rgb(226, 78, 74)
HSL
hsl(2, 72%, 59%)
HSB
hsb(2, 67%, 89%)
CMYK
cmyk(0%, 65%, 67%, 11%)
Oklch
oklch(62.7% 0.185 25.6)

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

#BD1D1D

Vermilion · FireBrick · Passion Red

HEX
#BD1D1D
RGB
rgb(189, 29, 29)
HSL
hsl(0, 73%, 43%)
HSB
hsb(0, 85%, 74%)
CMYK
cmyk(0%, 85%, 85%, 26%)
Oklch
oklch(51.4% 0.193 27.5)

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

#E47929

Tangerine · Chocolate · Warm Sun

HEX
#E47929
RGB
rgb(228, 121, 41)
HSL
hsl(26, 78%, 53%)
HSB
hsb(26, 82%, 89%)
CMYK
cmyk(0%, 47%, 82%, 11%)
Oklch
oklch(68.5% 0.159 52.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEAD1
D1E6FF

Analogous

FFD3D1
FFEAD1
FDFFD1

Triadic

FFEAD1
D1FFEA
EAD1FF

Split-Comp.

FFEAD1
D1FDFF
D3D1FF

Tetradic

FFEAD1
D1FFD3
D1E6FF
FFD1FD

Contrast Matrix WCAG 2.1 Contrast

FFEAD1
FAA296
E24E4A
BD1D1D
E47929
—
1.7
Fail
3.3
AA Large
5.3
AA
2.5
Fail
1.7
Fail
—
2.0
Fail
3.2
AA Large
1.5
Fail
3.3
AA Large
2.0
Fail
—
1.6
Fail
1.3
Fail
5.3
AA
3.2
AA Large
1.6
Fail
—
2.1
Fail
2.5
Fail
1.5
Fail
1.3
Fail
2.1
Fail
—
White BG
1.2Fail
2.0Fail
3.9AA Large
6.3AA
3.0Fail
Black BG
17.9AAA
10.7AAA
5.4AA
3.4AA Large
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6D7
D4D399
A2A14B
78761D
B6B53C

Deuteranopia

F7F9D9
D9E09A
ABB64B
818D1D
BCC441

Tritanopia

FEDCDD
F69B9C
DB4C4C
B51D1D
DF4C4F

Achromatopsia

EDEDED
BBBBBB
7A7A7A
4D4D4D
909090

Shades & Tints Shades & Tints

#FFEAD1

Dark
Light

#FAA296

Dark
Light

#E24E4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffead1;
  --color-2: #faa296;
  --color-3: #e24e4a;
  --color-4: #bd1d1d;
  --color-5: #e47929;
}

SCSS

$color-1: #ffead1;
$color-2: #faa296;
$color-3: #e24e4a;
$color-4: #bd1d1d;
$color-5: #e47929;

TAILWIND

colors: {
  'brand-1': '#ffead1',
  'brand-2': '#faa296',
  'brand-3': '#e24e4a',
  'brand-4': '#bd1d1d',
  'brand-5': '#e47929',
}

RGB Array

[255, 234, 209], [250, 162, 150], [226, 78, 74], [189, 29, 29], [228, 121, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FFEAD1, #FAA296, #E24E4A, #BD1D1D, #E47929 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: #ffead1; --color-2: #faa296; --color-3: #e24e4a; --color-4: #bd1d1d; --color-5: #e47929. 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