← Back to Editor

#FEFFF0 · #E7EBBC · #C9CCA3 · #84BDAF · #263642

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FEFFF0

Fresh Green · SeaShell · Lemon Cream

HEX
#FEFFF0
RGB
rgb(254, 255, 240)
HSL
hsl(64, 100%, 97%)
HSB
hsb(64, 6%, 100%)
CMYK
cmyk(0%, 0%, 6%, 0%)
Oklch
oklch(99.5% 0.020 109.8)

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

#E7EBBC

Fresh Green · Wheat · Lemon Cream

HEX
#E7EBBC
RGB
rgb(231, 235, 188)
HSL
hsl(65, 54%, 83%)
HSB
hsb(65, 20%, 92%)
CMYK
cmyk(2%, 0%, 20%, 8%)
Oklch
oklch(92.5% 0.062 111.5)

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

#C9CCA3

Fresh Green · Silver · Sunflower

HEX
#C9CCA3
RGB
rgb(201, 204, 163)
HSL
hsl(64, 29%, 72%)
HSB
hsb(64, 20%, 80%)
CMYK
cmyk(1%, 0%, 20%, 20%)
Oklch
oklch(83.2% 0.055 111.0)

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

#84BDAF

Jade · DarkSeaGreen · Lake Green

HEX
#84BDAF
RGB
rgb(132, 189, 175)
HSL
hsl(165, 30%, 63%)
HSB
hsb(165, 30%, 74%)
CMYK
cmyk(30%, 0%, 7%, 26%)
Oklch
oklch(75.5% 0.063 177.5)

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

#263642

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX
#263642
RGB
rgb(38, 54, 66)
HSL
hsl(206, 27%, 20%)
HSB
hsb(206, 42%, 26%)
CMYK
cmyk(42%, 18%, 0%, 74%)
Oklch
oklch(32.4% 0.030 241.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFFF0
F1F0FF

Analogous

FFF8F0
FEFFF0
F6FFF0

Triadic

FEFFF0
F0FEFF
FFF0FE

Split-Comp.

FEFFF0
F0F6FF
F8F0FF

Tetradic

FEFFF0
F0FFF8
F1F0FF
FFF0F6

Contrast Matrix WCAG 2.1 Contrast

FEFFF0
E7EBBC
C9CCA3
84BDAF
263642
—
1.2
Fail
1.6
Fail
2.1
Fail
12.3
AAA
1.2
Fail
—
1.3
Fail
1.7
Fail
10.1
AAA
1.6
Fail
1.3
Fail
—
1.3
Fail
7.5
AAA
2.1
Fail
1.7
Fail
1.3
Fail
—
5.8
AA
12.3
AAA
10.1
AAA
7.5
AAA
5.8
AA
—
White BG
1.0Fail
1.2Fail
1.7Fail
2.1Fail
12.4AAA
Black BG
20.8AAA
17.0AAA
12.6AAA
9.9AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEF4
E9E9C7
CACAAD
9D9DB2
2D2D3F

Deuteranopia

FEFEF5
E9E8CA
CACAAF
9995B3
2C2B3E

Tritanopia

FEF6F7
E7D0D2
C9B5B6
87B5B6
273D3C

Achromatopsia

FDFDFD
E4E4E4
C6C6C6
AAAAAA
333333

Shades & Tints Shades & Tints

#FEFFF0

Dark
Light

#E7EBBC

Dark
Light

#C9CCA3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fefff0;
  --color-2: #e7ebbc;
  --color-3: #c9cca3;
  --color-4: #84bdaf;
  --color-5: #263642;
}

SCSS

$color-1: #fefff0;
$color-2: #e7ebbc;
$color-3: #c9cca3;
$color-4: #84bdaf;
$color-5: #263642;

TAILWIND

colors: {
  'brand-1': '#fefff0',
  'brand-2': '#e7ebbc',
  'brand-3': '#c9cca3',
  'brand-4': '#84bdaf',
  'brand-5': '#263642',
}

RGB Array

[254, 255, 240], [231, 235, 188], [201, 204, 163], [132, 189, 175], [38, 54, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FEFFF0, #E7EBBC, #C9CCA3, #84BDAF, #263642 is ideal for: health products, baby brands, fresh-style blogs, 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: #fefff0; --color-2: #e7ebbc; --color-3: #c9cca3; --color-4: #84bdaf; --color-5: #263642. 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. 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