← Back to Editor

#FDE54C · #F9AE2C · #FBEBAF · #B7BF27 · #38B6AD

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

#FDE54C

Fresh Green · Khaki · Sunflower

HEX
#FDE54C
RGB
rgb(253, 229, 76)
HSL
hsl(52, 98%, 65%)
HSB
hsb(52, 70%, 99%)
CMYK
cmyk(0%, 9%, 70%, 1%)
Oklch
oklch(91.6% 0.166 100.1)

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

#F9AE2C

Ginger · GoldenRod · Warm Sun

HEX
#F9AE2C
RGB
rgb(249, 174, 44)
HSL
hsl(38, 94%, 57%)
HSB
hsb(38, 82%, 98%)
CMYK
cmyk(0%, 30%, 82%, 2%)
Oklch
oklch(80.3% 0.158 75.2)

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

#FBEBAF

Goose Yellow · Wheat · Lemon Cream

HEX
#FBEBAF
RGB
rgb(251, 235, 175)
HSL
hsl(47, 90%, 84%)
HSB
hsb(47, 30%, 98%)
CMYK
cmyk(0%, 6%, 30%, 2%)
Oklch
oklch(93.9% 0.078 95.0)

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

#B7BF27

Autumn Sage · GoldenRod · Honey Gold

HEX
#B7BF27
RGB
rgb(183, 191, 39)
HSL
hsl(63, 66%, 45%)
HSB
hsb(63, 80%, 75%)
CMYK
cmyk(4%, 0%, 80%, 25%)
Oklch
oklch(77.3% 0.162 112.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#38B6AD

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#38B6AD
RGB
rgb(56, 182, 173)
HSL
hsl(176, 53%, 47%)
HSB
hsb(176, 69%, 71%)
CMYK
cmyk(69%, 0%, 5%, 29%)
Oklch
oklch(70.7% 0.108 188.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDE54C
4E66FD

Analogous

FD8E4E
FDE54C
BDFD4E

Triadic

FDE54C
4EFDE6
E64EFD

Split-Comp.

FDE54C
4EBDFD
8E4EFD

Tetradic

FDE54C
4EFD8E
4E66FD
FD4EBD

Contrast Matrix WCAG 2.1 Contrast

FDE54C
F9AE2C
FBEBAF
B7BF27
38B6AD
—
1.5
Fail
1.1
Fail
1.6
Fail
1.9
Fail
1.5
Fail
—
1.6
Fail
1.1
Fail
1.3
Fail
1.1
Fail
1.6
Fail
—
1.7
Fail
2.1
Fail
1.6
Fail
1.1
Fail
1.7
Fail
—
1.2
Fail
1.9
Fail
1.3
Fail
2.1
Fail
1.2
Fail
—
White BG
1.3Fail
1.9Fail
1.2Fail
2.0Fail
2.5Fail
Black BG
16.5AAA
11.1AAA
17.6AAA
10.5AAA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F271
D9D84B
F4F4BE
BABB4C
6F70AF

Deuteranopia

F4F67A
DDE253
F5F6C1
BAB955
675EB0

Tritanopia

FC8E95
F5646A
FAC9CC
B7696F
3EB1B1

Achromatopsia

DBDBDB
B6B6B6
E9E9E9
ABABAB
8F8F8F

Shades & Tints Shades & Tints

#FDE54C

Dark
Light

#F9AE2C

Dark
Light

#FBEBAF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fde54c;
  --color-2: #f9ae2c;
  --color-3: #fbebaf;
  --color-4: #b7bf27;
  --color-5: #38b6ad;
}

SCSS

$color-1: #fde54c;
$color-2: #f9ae2c;
$color-3: #fbebaf;
$color-4: #b7bf27;
$color-5: #38b6ad;

TAILWIND

colors: {
  'brand-1': '#fde54c',
  'brand-2': '#f9ae2c',
  'brand-3': '#fbebaf',
  'brand-4': '#b7bf27',
  'brand-5': '#38b6ad',
}

RGB Array

[253, 229, 76], [249, 174, 44], [251, 235, 175], [183, 191, 39], [56, 182, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FDE54C, #F9AE2C, #FBEBAF, #B7BF27, #38B6AD is ideal for: social media posters, mobile apps, e-commerce promos. 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: #fde54c; --color-2: #f9ae2c; --color-3: #fbebaf; --color-4: #b7bf27; --color-5: #38b6ad. 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. 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