← Back to Editor

#FFEFBB · #EED185 · #A1AA71 · #628A65 · #131126

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

#FFEFBB

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEFBB
RGB
rgb(255, 239, 187)
HSL
hsl(46, 100%, 87%)
HSB
hsb(46, 27%, 100%)
CMYK
cmyk(0%, 6%, 27%, 0%)
Oklch
oklch(95.2% 0.069 93.0)

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

#EED185

Goose Yellow · Khaki · Sunflower

HEX
#EED185
RGB
rgb(238, 209, 133)
HSL
hsl(43, 76%, 73%)
HSB
hsb(43, 44%, 93%)
CMYK
cmyk(0%, 12%, 44%, 7%)
Oklch
oklch(86.8% 0.101 89.3)

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

#A1AA71

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A1AA71
RGB
rgb(161, 170, 113)
HSL
hsl(69, 25%, 55%)
HSB
hsb(69, 34%, 67%)
CMYK
cmyk(5%, 0%, 34%, 33%)
Oklch
oklch(71.7% 0.078 115.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#628A65

Celadon · DimGray · Olive Green

HEX
#628A65
RGB
rgb(98, 138, 101)
HSL
hsl(124, 17%, 46%)
HSB
hsb(124, 29%, 54%)
CMYK
cmyk(29%, 0%, 27%, 46%)
Oklch
oklch(59.3% 0.071 146.5)

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

#131126

Deep Indigo · Black · Deep Sea Blue

HEX
#131126
RGB
rgb(19, 17, 38)
HSL
hsl(246, 38%, 11%)
HSB
hsb(246, 55%, 15%)
CMYK
cmyk(50%, 55%, 0%, 85%)
Oklch
oklch(19.2% 0.042 286.1)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEFBB
BDCCFF

Analogous

FFCEBD
FFEFBB
EDFFBD

Triadic

FFEFBB
BDFFF0
F0BDFF

Split-Comp.

FFEFBB
BDEDFF
CEBDFF

Tetradic

FFEFBB
BDFFCE
BDCCFF
FFBDED

Contrast Matrix WCAG 2.1 Contrast

FFEFBB
EED185
A1AA71
628A65
131126
—
1.3
Fail
2.2
Fail
3.4
AA Large
16.1
AAA
1.3
Fail
—
1.7
Fail
2.6
Fail
12.4
AAA
2.2
Fail
1.7
Fail
—
1.6
Fail
7.5
AAA
3.4
AA Large
2.6
Fail
1.6
Fail
—
4.7
AA
16.1
AAA
12.4
AAA
7.5
AAA
4.7
AA
—
White BG
1.1Fail
1.5Fail
2.5Fail
3.9AA Large
18.5AAA
Black BG
18.3AAA
14.1AAA
8.5AAA
5.3AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8C8
E1E197
A5A57F
73746E
121221

Deuteranopia

F9FACB
E3E59C
A4A482
716E70
121220

Tritanopia

FED2D4
EDA6A9
A18A8C
647577
131D1C

Achromatopsia

EEEEEE
D1D1D1
A1A1A1
7A7A7A
141414

Shades & Tints Shades & Tints

#FFEFBB

Dark
Light

#EED185

Dark
Light

#A1AA71

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffefbb;
  --color-2: #eed185;
  --color-3: #a1aa71;
  --color-4: #628a65;
  --color-5: #131126;
}

SCSS

$color-1: #ffefbb;
$color-2: #eed185;
$color-3: #a1aa71;
$color-4: #628a65;
$color-5: #131126;

TAILWIND

colors: {
  'brand-1': '#ffefbb',
  'brand-2': '#eed185',
  'brand-3': '#a1aa71',
  'brand-4': '#628a65',
  'brand-5': '#131126',
}

RGB Array

[255, 239, 187], [238, 209, 133], [161, 170, 113], [98, 138, 101], [19, 17, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FFEFBB, #EED185, #A1AA71, #628A65, #131126 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: #ffefbb; --color-2: #eed185; --color-3: #a1aa71; --color-4: #628a65; --color-5: #131126. 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