← Back to Editor

#585759 · #68A681 · #B7A15F · #EB9E47 · #E8E0C8

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#585759

Ink Gray · DimGray · Charcoal

HEX
#585759
RGB
rgb(88, 87, 89)
HSL
hsl(270, 1%, 35%)
HSB
hsb(270, 2%, 35%)
CMYK
cmyk(1%, 2%, 0%, 65%)
Oklch
oklch(45.8% 0.003 308.4)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#68A681

Celadon · CadetBlue · Olive Green

HEX
#68A681
RGB
rgb(104, 166, 129)
HSL
hsl(144, 26%, 53%)
HSB
hsb(144, 37%, 65%)
CMYK
cmyk(37%, 0%, 22%, 35%)
Oklch
oklch(67.2% 0.085 157.0)

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

#B7A15F

Ginger · Tan · Sunflower

HEX
#B7A15F
RGB
rgb(183, 161, 95)
HSL
hsl(45, 38%, 55%)
HSB
hsb(45, 48%, 72%)
CMYK
cmyk(0%, 12%, 48%, 28%)
Oklch
oklch(71.4% 0.089 91.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#EB9E47

Ginger · SandyBrown · Warm Sun

HEX
#EB9E47
RGB
rgb(235, 158, 71)
HSL
hsl(32, 80%, 60%)
HSB
hsb(32, 70%, 92%)
CMYK
cmyk(0%, 33%, 70%, 8%)
Oklch
oklch(76.0% 0.136 66.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E8E0C8

Goose Yellow · Bisque · Lemon Cream

HEX
#E8E0C8
RGB
rgb(232, 224, 200)
HSL
hsl(45, 41%, 85%)
HSB
hsb(45, 14%, 91%)
CMYK
cmyk(0%, 3%, 14%, 9%)
Oklch
oklch(90.7% 0.033 91.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

585759
595A58

Analogous

58585A
585759
5A585A

Triadic

585759
5A5958
585A59

Split-Comp.

585759
5A5A58
585A58

Tetradic

585759
5A5858
595A58
585A5A

Contrast Matrix WCAG 2.1 Contrast

585759
68A681
B7A15F
EB9E47
E8E0C8
—
2.5
Fail
2.8
Fail
3.3
AA Large
5.4
AA
2.5
Fail
—
1.1
Fail
1.3
Fail
2.2
Fail
2.8
Fail
1.1
Fail
—
1.1
Fail
1.9
Fail
3.3
AA Large
1.3
Fail
1.1
Fail
—
1.7
Fail
5.4
AA
2.2
Fail
1.9
Fail
1.7
Fail
—
White BG
7.2AAA
2.9Fail
2.5Fail
2.2Fail
1.3Fail
Black BG
2.9Fail
7.4AAA
8.3AAA
9.5AAA
15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

585859
83838A
ADAD6F
CAC95C
E5E4CE

Deuteranopia

585858
7F7B8C
AFB073
CED461
E5E6CF

Tritanopia

585858
6B9193
B67C7E
E76D70
E8D2D3

Achromatopsia

585858
8F8F8F
A0A0A0
ABABAB
E0E0E0

Shades & Tints Shades & Tints

#585759

Dark
Light

#68A681

Dark
Light

#B7A15F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #585759;
  --color-2: #68a681;
  --color-3: #b7a15f;
  --color-4: #eb9e47;
  --color-5: #e8e0c8;
}

SCSS

$color-1: #585759;
$color-2: #68a681;
$color-3: #b7a15f;
$color-4: #eb9e47;
$color-5: #e8e0c8;

TAILWIND

colors: {
  'brand-1': '#585759',
  'brand-2': '#68a681',
  'brand-3': '#b7a15f',
  'brand-4': '#eb9e47',
  'brand-5': '#e8e0c8',
}

RGB Array

[88, 87, 89], [104, 166, 129], [183, 161, 95], [235, 158, 71], [232, 224, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #585759, #68A681, #B7A15F, #EB9E47, #E8E0C8 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: #585759; --color-2: #68a681; --color-3: #b7a15f; --color-4: #eb9e47; --color-5: #e8e0c8. 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