← Back to Editor

#FEFFB1 · #EEE185 · #D5D380 · #6C8E73 · #547D75

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FEFFB1

Fresh Green · Bisque · Lemon Cream

HEX
#FEFFB1
RGB
rgb(254, 255, 177)
HSL
hsl(61, 100%, 85%)
HSB
hsb(61, 31%, 100%)
CMYK
cmyk(0%, 0%, 31%, 0%)
Oklch
oklch(98.1% 0.098 108.7)

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

#EEE185

Fresh Green · Khaki · Sunflower

HEX
#EEE185
RGB
rgb(238, 225, 133)
HSL
hsl(53, 76%, 73%)
HSB
hsb(53, 44%, 93%)
CMYK
cmyk(0%, 5%, 44%, 7%)
Oklch
oklch(90.1% 0.114 101.3)

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

#D5D380

Fresh Green · BurlyWood · Sunflower

HEX
#D5D380
RGB
rgb(213, 211, 128)
HSL
hsl(59, 50%, 67%)
HSB
hsb(59, 40%, 84%)
CMYK
cmyk(0%, 1%, 40%, 16%)
Oklch
oklch(85.0% 0.105 107.2)

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

#6C8E73

Celadon · Gray · Olive Green

HEX
#6C8E73
RGB
rgb(108, 142, 115)
HSL
hsl(132, 14%, 49%)
HSB
hsb(132, 24%, 56%)
CMYK
cmyk(24%, 0%, 19%, 44%)
Oklch
oklch(61.3% 0.056 150.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#547D75

Mineral Blue · DimGray · Mint Ice

HEX
#547D75
RGB
rgb(84, 125, 117)
HSL
hsl(168, 20%, 41%)
HSB
hsb(168, 33%, 49%)
CMYK
cmyk(33%, 0%, 6%, 51%)
Oklch
oklch(55.7% 0.047 180.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFFB1
B4B3FF

Analogous

FFDAB3
FEFFB1
D7FFB3

Triadic

FEFFB1
B3FEFF
FFB3FE

Split-Comp.

FEFFB1
B3D7FF
DAB3FF

Tetradic

FEFFB1
B3FFDA
B4B3FF
FFB3D7

Contrast Matrix WCAG 2.1 Contrast

FEFFB1
EEE185
D5D380
6C8E73
547D75
—
1.3
Fail
1.5
Fail
3.5
AA Large
4.4
AA Large
1.3
Fail
—
1.2
Fail
2.7
Fail
3.4
AA Large
1.5
Fail
1.2
Fail
—
2.3
Fail
2.9
Fail
3.5
AA Large
2.7
Fail
2.3
Fail
—
1.3
Fail
4.4
AA Large
3.4
AA Large
2.9
Fail
1.3
Fail
—
White BG
1.0Fail
1.3Fail
1.6Fail
3.6AA Large
4.6AA
Black BG
20.2AAA
15.7AAA
13.5AAA
5.8AA
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEC4
E8E89B
D4D494
7B7B7A
666677

Deuteranopia

FEFEC8
E9EAA1
D4D499
79767B
636077

Tritanopia

FED3D6
EDADB1
D5A4A7
6E7F80
567879

Achromatopsia

F6F6F6
DADADA
CACACA
818181
707070

Shades & Tints Shades & Tints

#FEFFB1

Dark
Light

#EEE185

Dark
Light

#D5D380

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feffb1;
  --color-2: #eee185;
  --color-3: #d5d380;
  --color-4: #6c8e73;
  --color-5: #547d75;
}

SCSS

$color-1: #feffb1;
$color-2: #eee185;
$color-3: #d5d380;
$color-4: #6c8e73;
$color-5: #547d75;

TAILWIND

colors: {
  'brand-1': '#feffb1',
  'brand-2': '#eee185',
  'brand-3': '#d5d380',
  'brand-4': '#6c8e73',
  'brand-5': '#547d75',
}

RGB Array

[254, 255, 177], [238, 225, 133], [213, 211, 128], [108, 142, 115], [84, 125, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FEFFB1, #EEE185, #D5D380, #6C8E73, #547D75 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #feffb1; --color-2: #eee185; --color-3: #d5d380; --color-4: #6c8e73; --color-5: #547d75. 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 tech, SaaS, healthcare, eco industries. 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