← Back to Editor

#FFE478 · #FFF0A3 · #FFF5C7 · #FFFFFF · #5EFFEA

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FFE478

Goose Yellow · Khaki · Sunflower

HEX
#FFE478
RGB
rgb(255, 228, 120)
HSL
hsl(48, 100%, 74%)
HSB
hsb(48, 53%, 100%)
CMYK
cmyk(0%, 11%, 53%, 0%)
Oklch
oklch(92.0% 0.131 95.6)

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

#FFF0A3

Fresh Green · Wheat · Lemon Cream

HEX
#FFF0A3
RGB
rgb(255, 240, 163)
HSL
hsl(50, 100%, 82%)
HSB
hsb(50, 36%, 100%)
CMYK
cmyk(0%, 6%, 36%, 0%)
Oklch
oklch(95.0% 0.098 98.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFF5C7

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF5C7
RGB
rgb(255, 245, 199)
HSL
hsl(49, 100%, 89%)
HSB
hsb(49, 22%, 100%)
CMYK
cmyk(0%, 4%, 22%, 0%)
Oklch
oklch(96.7% 0.060 97.2)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#5EFFEA

Jade · Turquoise · Lake Green

HEX
#5EFFEA
RGB
rgb(94, 255, 234)
HSL
hsl(172, 100%, 68%)
HSB
hsb(172, 63%, 100%)
CMYK
cmyk(63%, 0%, 8%, 0%)
Oklch
oklch(91.1% 0.137 183.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE478
7A95FF

Analogous

FFA27A
FFE478
D7FF7A

Triadic

FFE478
7AFFE4
E47AFF

Split-Comp.

FFE478
7AD7FF
A27AFF

Tetradic

FFE478
7AFFA2
7A95FF
FF7AD7

Contrast Matrix WCAG 2.1 Contrast

FFE478
FFF0A3
FFF5C7
FFFFFF
5EFFEA
—
1.1
Fail
1.2
Fail
1.3
Fail
1.0
Fail
1.1
Fail
—
1.0
Fail
1.2
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
White BG
1.3Fail
1.2Fail
1.1Fail
1.0Fail
1.2Fail
Black BG
16.6AAA
18.2AAA
19.1AAA
21.0AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F392
F9F8B6
FBFBD2
FFFFFF
A4A5EF

Deuteranopia

F5F798
F9FBBA
FBFCD5
FFFFFF
9A8EF0

Tritanopia

FEA7AB
FEC4C8
FFDBDD
FFFFFF
66F3F4

Achromatopsia

E0E0E0
ECECEC
F3F3F3
FFFFFF
CCCCCC

Shades & Tints Shades & Tints

#FFE478

Dark
Light

#FFF0A3

Dark
Light

#FFF5C7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe478;
  --color-2: #fff0a3;
  --color-3: #fff5c7;
  --color-4: #ffffff;
  --color-5: #5effea;
}

SCSS

$color-1: #ffe478;
$color-2: #fff0a3;
$color-3: #fff5c7;
$color-4: #ffffff;
$color-5: #5effea;

TAILWIND

colors: {
  'brand-1': '#ffe478',
  'brand-2': '#fff0a3',
  'brand-3': '#fff5c7',
  'brand-4': '#ffffff',
  'brand-5': '#5effea',
}

RGB Array

[255, 228, 120], [255, 240, 163], [255, 245, 199], [255, 255, 255], [94, 255, 234]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FFE478, #FFF0A3, #FFF5C7, #FFFFFF, #5EFFEA 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: #ffe478; --color-2: #fff0a3; --color-3: #fff5c7; --color-4: #ffffff; --color-5: #5effea. 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