← Back to Editor

#E96263 · #F4D8BB · #1F251C · #EDD6BC · #D8DEC6

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E96263

Peach Pink · Tomato · Coral Red

HEX
#E96263
RGB
rgb(233, 98, 99)
HSL
hsl(360, 75%, 65%)
HSB
hsb(360, 58%, 91%)
CMYK
cmyk(0%, 58%, 58%, 9%)
Oklch
oklch(66.6% 0.168 22.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Soft Aurora

#F4D8BB

Goose Yellow · Wheat · Peach Orange

HEX
#F4D8BB
RGB
rgb(244, 216, 187)
HSL
hsl(31, 72%, 85%)
HSB
hsb(31, 23%, 96%)
CMYK
cmyk(0%, 11%, 23%, 4%)
Oklch
oklch(89.8% 0.050 68.1)

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

#1F251C

Celadon · Black · Dark Green

HEX
#1F251C
RGB
rgb(31, 37, 28)
HSL
hsl(100, 14%, 13%)
HSB
hsb(100, 24%, 15%)
CMYK
cmyk(16%, 0%, 24%, 85%)
Oklch
oklch(25.5% 0.019 135.2)

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

#EDD6BC

Goose Yellow · Wheat · Peach Orange

HEX
#EDD6BC
RGB
rgb(237, 214, 188)
HSL
hsl(32, 58%, 83%)
HSB
hsb(32, 21%, 93%)
CMYK
cmyk(0%, 10%, 21%, 7%)
Oklch
oklch(88.8% 0.043 70.6)

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

#D8DEC6

Willow Green · LightGray · Mint Green

HEX
#D8DEC6
RGB
rgb(216, 222, 198)
HSL
hsl(75, 27%, 82%)
HSB
hsb(75, 11%, 87%)
CMYK
cmyk(3%, 0%, 11%, 13%)
Oklch
oklch(89.0% 0.033 118.5)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E96263
63E9E9

Analogous

E963A6
E96263
E9A663

Triadic

E96263
63E963
6363E9

Split-Comp.

E96263
63E9A6
63A6E9

Tetradic

E96263
A6E963
63E9E9
A663E9

Contrast Matrix WCAG 2.1 Contrast

E96263
F4D8BB
1F251C
EDD6BC
D8DEC6
—
2.4
Fail
4.8
AA
2.3
Fail
2.4
Fail
2.4
Fail
—
11.5
AAA
1.0
Fail
1.0
Fail
4.8
AA
11.5
AAA
—
11.2
AAA
11.3
AAA
2.3
Fail
1.0
Fail
11.2
AAA
—
1.0
Fail
2.4
Fail
1.0
Fail
11.3
AAA
1.0
Fail
—
White BG
3.3AA Large
1.4Fail
15.7AAA
1.4Fail
1.4Fail
Black BG
6.4AA
15.4AAA
1.3Fail
14.9AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAD63
E8E8C2
22221E
E3E3C2
DBDBCC

Deuteranopia

B6C163
EAECC4
21211F
E4E6C4
DADACD

Tritanopia

E26363
F3C8C9
1F2020
ECC7C8
D8D0D1

Achromatopsia

8A8A8A
DDDDDD
222222
DADADA
D9D9D9

Shades & Tints Shades & Tints

#E96263

Dark
Light

#F4D8BB

Dark
Light

#1F251C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e96263;
  --color-2: #f4d8bb;
  --color-3: #1f251c;
  --color-4: #edd6bc;
  --color-5: #d8dec6;
}

SCSS

$color-1: #e96263;
$color-2: #f4d8bb;
$color-3: #1f251c;
$color-4: #edd6bc;
$color-5: #d8dec6;

TAILWIND

colors: {
  'brand-1': '#e96263',
  'brand-2': '#f4d8bb',
  'brand-3': '#1f251c',
  'brand-4': '#edd6bc',
  'brand-5': '#d8dec6',
}

RGB Array

[233, 98, 99], [244, 216, 187], [31, 37, 28], [237, 214, 188], [216, 222, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E96263, #F4D8BB, #1F251C, #EDD6BC, #D8DEC6 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: #e96263; --color-2: #f4d8bb; --color-3: #1f251c; --color-4: #edd6bc; --color-5: #d8dec6. 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