← Back to Editor

#FDEDD7 · #E4E1CE · #96CBC1 · #6B9D93 · #574E42

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FDEDD7

Goose Yellow · Beige · Peach Orange

HEX
#FDEDD7
RGB
rgb(253, 237, 215)
HSL
hsl(35, 90%, 92%)
HSB
hsb(35, 15%, 99%)
CMYK
cmyk(0%, 6%, 15%, 1%)
Oklch
oklch(95.3% 0.034 76.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E4E1CE

Fresh Green · LightGray · Lemon Cream

HEX
#E4E1CE
RGB
rgb(228, 225, 206)
HSL
hsl(52, 29%, 85%)
HSB
hsb(52, 10%, 89%)
CMYK
cmyk(0%, 1%, 10%, 11%)
Oklch
oklch(90.7% 0.026 99.6)

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

#96CBC1

Jade · LightSteelBlue · Lake Green

HEX
#96CBC1
RGB
rgb(150, 203, 193)
HSL
hsl(169, 34%, 69%)
HSB
hsb(169, 26%, 80%)
CMYK
cmyk(26%, 0%, 5%, 20%)
Oklch
oklch(80.2% 0.057 181.9)

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

#6B9D93

Mineral Blue · CadetBlue · Lake Green

HEX
#6B9D93
RGB
rgb(107, 157, 147)
HSL
hsl(168, 20%, 52%)
HSB
hsb(168, 32%, 62%)
CMYK
cmyk(32%, 0%, 6%, 38%)
Oklch
oklch(65.8% 0.056 180.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#574E42

Ochre · DarkOliveGreen · Amber Brown

HEX
#574E42
RGB
rgb(87, 78, 66)
HSL
hsl(34, 14%, 30%)
HSB
hsb(34, 24%, 34%)
CMYK
cmyk(0%, 10%, 24%, 66%)
Oklch
oklch(42.9% 0.023 75.0)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDEDD7
D8E8FD

Analogous

FDDBD8
FDEDD7
FAFDD8

Triadic

FDEDD7
D8FDEE
EED8FD

Split-Comp.

FDEDD7
D8FAFD
DBD8FD

Tetradic

FDEDD7
D8FDDB
D8E8FD
FDD8FA

Contrast Matrix WCAG 2.1 Contrast

FDEDD7
E4E1CE
96CBC1
6B9D93
574E42
—
1.1
Fail
1.6
Fail
2.7
Fail
7.1
AAA
1.1
Fail
—
1.4
Fail
2.3
Fail
6.2
AA
1.6
Fail
1.4
Fail
—
1.7
Fail
4.5
AA
2.7
Fail
2.3
Fail
1.7
Fail
—
2.7
Fail
7.1
AAA
6.2
AA
4.5
AA
2.7
Fail
—
White BG
1.1Fail
1.3Fail
1.8Fail
3.1AA Large
8.2AAA
Black BG
18.3AAA
16.0AAA
11.6AAA
6.9AA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6DC
E3E3D3
ADADC3
818195
535345

Deuteranopia

F7F8DE
E3E3D4
AAA6C4
7E7A96
545446

Tritanopia

FCE1E1
E4D6D7
99C5C6
6D9798
574748

Achromatopsia

EFEFEF
E0E0E0
BABABA
8D8D8D
4F4F4F

Shades & Tints Shades & Tints

#FDEDD7

Dark
Light

#E4E1CE

Dark
Light

#96CBC1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdedd7;
  --color-2: #e4e1ce;
  --color-3: #96cbc1;
  --color-4: #6b9d93;
  --color-5: #574e42;
}

SCSS

$color-1: #fdedd7;
$color-2: #e4e1ce;
$color-3: #96cbc1;
$color-4: #6b9d93;
$color-5: #574e42;

TAILWIND

colors: {
  'brand-1': '#fdedd7',
  'brand-2': '#e4e1ce',
  'brand-3': '#96cbc1',
  'brand-4': '#6b9d93',
  'brand-5': '#574e42',
}

RGB Array

[253, 237, 215], [228, 225, 206], [150, 203, 193], [107, 157, 147], [87, 78, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FDEDD7, #E4E1CE, #96CBC1, #6B9D93, #574E42 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: #fdedd7; --color-2: #e4e1ce; --color-3: #96cbc1; --color-4: #6b9d93; --color-5: #574e42. 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