← Back to Editor

#EDE9C8 · #F5BFB9 · #BBA29C · #46A8AB · #5C7266

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

#EDE9C8

Fresh Green · Bisque · Lemon Cream

HEX
#EDE9C8
RGB
rgb(237, 233, 200)
HSL
hsl(54, 51%, 86%)
HSB
hsb(54, 16%, 93%)
CMYK
cmyk(0%, 2%, 16%, 7%)
Oklch
oklch(92.9% 0.044 101.5)

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

#F5BFB9

Peach Pink · LightPink · Cherry Blossom

HEX
#F5BFB9
RGB
rgb(245, 191, 185)
HSL
hsl(6, 75%, 84%)
HSB
hsb(6, 24%, 96%)
CMYK
cmyk(0%, 22%, 24%, 4%)
Oklch
oklch(85.1% 0.063 25.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#BBA29C

Peach Pink · DarkGray · Coral Red

HEX
#BBA29C
RGB
rgb(187, 162, 156)
HSL
hsl(12, 19%, 67%)
HSB
hsb(12, 17%, 73%)
CMYK
cmyk(0%, 13%, 17%, 27%)
Oklch
oklch(73.2% 0.031 33.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#46A8AB

Slate Blue · CadetBlue · Mint Ice

HEX
#46A8AB
RGB
rgb(70, 168, 171)
HSL
hsl(182, 42%, 47%)
HSB
hsb(182, 59%, 67%)
CMYK
cmyk(59%, 2%, 0%, 33%)
Oklch
oklch(67.5% 0.091 198.0)

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

#5C7266

Celadon · DimGray · Forest Green

HEX
#5C7266
RGB
rgb(92, 114, 102)
HSL
hsl(147, 11%, 40%)
HSB
hsb(147, 19%, 45%)
CMYK
cmyk(19%, 0%, 11%, 55%)
Oklch
oklch(53.1% 0.032 161.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE9C8
C9CDEE

Analogous

EED8C9
EDE9C8
DFEEC9

Triadic

EDE9C8
C9EEEA
EAC9EE

Split-Comp.

EDE9C8
C9DFEE
D8C9EE

Tetradic

EDE9C8
C9EED8
C9CDEE
EEC9DF

Contrast Matrix WCAG 2.1 Contrast

EDE9C8
F5BFB9
BBA29C
46A8AB
5C7266
—
1.3
Fail
2.0
Fail
2.3
Fail
4.2
AA Large
1.3
Fail
—
1.5
Fail
1.7
Fail
3.2
AA Large
2.0
Fail
1.5
Fail
—
1.2
Fail
2.2
Fail
2.3
Fail
1.7
Fail
1.2
Fail
—
1.8
Fail
4.2
AA Large
3.2
AA Large
2.2
Fail
1.8
Fail
—
White BG
1.2Fail
1.6Fail
2.4Fail
2.8Fail
5.2AA
Black BG
17.1AAA
13.0AAA
8.8AAA
7.4AAA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBD0
DEDDBA
B0B09D
7071AA
666669

Deuteranopia

ECECD2
E1E5BB
B2B49E
6B63AA
64636A

Tritanopia

EDD6D8
F2BCBC
BA9F9F
4BAAAA
5D6B6C

Achromatopsia

E6E6E6
CECECE
A9A9A9
8B8B8B
6A6A6A

Shades & Tints Shades & Tints

#EDE9C8

Dark
Light

#F5BFB9

Dark
Light

#BBA29C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede9c8;
  --color-2: #f5bfb9;
  --color-3: #bba29c;
  --color-4: #46a8ab;
  --color-5: #5c7266;
}

SCSS

$color-1: #ede9c8;
$color-2: #f5bfb9;
$color-3: #bba29c;
$color-4: #46a8ab;
$color-5: #5c7266;

TAILWIND

colors: {
  'brand-1': '#ede9c8',
  'brand-2': '#f5bfb9',
  'brand-3': '#bba29c',
  'brand-4': '#46a8ab',
  'brand-5': '#5c7266',
}

RGB Array

[237, 233, 200], [245, 191, 185], [187, 162, 156], [70, 168, 171], [92, 114, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #EDE9C8, #F5BFB9, #BBA29C, #46A8AB, #5C7266 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: #ede9c8; --color-2: #f5bfb9; --color-3: #bba29c; --color-4: #46a8ab; --color-5: #5c7266. 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