← Back to Editor

#89C9BD · #9FA8A0 · #B68783 · #C4566C · #786065

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 Library

Color Details Color Details

#89C9BD

Jade · MediumAquaMarine · Lake Green

HEX
#89C9BD
RGB
rgb(137, 201, 189)
HSL
hsl(169, 37%, 66%)
HSB
hsb(169, 32%, 79%)
CMYK
cmyk(32%, 0%, 6%, 21%)
Oklch
oklch(78.9% 0.068 181.5)

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

#9FA8A0

Ash · DarkGray · Silver Sand

HEX
#9FA8A0
RGB
rgb(159, 168, 160)
HSL
hsl(127, 5%, 64%)
HSB
hsb(127, 5%, 66%)
CMYK
cmyk(5%, 0%, 5%, 34%)
Oklch
oklch(72.2% 0.015 148.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#B68783

Peach Pink · DarkGray · Coral Red

HEX
#B68783
RGB
rgb(182, 135, 131)
HSL
hsl(5, 26%, 61%)
HSB
hsb(5, 28%, 71%)
CMYK
cmyk(0%, 26%, 28%, 29%)
Oklch
oklch(66.8% 0.058 24.3)

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

#C4566C

Crimson · LightCoral · Passion Red

HEX
#C4566C
RGB
rgb(196, 86, 108)
HSL
hsl(348, 48%, 55%)
HSB
hsb(348, 56%, 77%)
CMYK
cmyk(0%, 56%, 45%, 23%)
Oklch
oklch(59.8% 0.142 10.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#786065

Crimson · DimGray · Passion Red

HEX
#786065
RGB
rgb(120, 96, 101)
HSL
hsl(348, 11%, 42%)
HSB
hsb(348, 20%, 47%)
CMYK
cmyk(0%, 20%, 16%, 53%)
Oklch
oklch(51.4% 0.032 4.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

89C9BD
C88894

Analogous

88C89D
89C9BD
88B4C8

Triadic

89C9BD
BD88C8
C8BD88

Split-Comp.

89C9BD
C888B4
C89D88

Tetradic

89C9BD
9D88C8
C88894
B4C888

Contrast Matrix WCAG 2.1 Contrast

89C9BD
9FA8A0
B68783
C4566C
786065
—
1.3
Fail
1.6
Fail
2.3
Fail
3.0
AA Large
1.3
Fail
—
1.3
Fail
1.8
Fail
2.3
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
2.3
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
3.0
AA Large
2.3
Fail
1.9
Fail
1.3
Fail
—
White BG
1.9Fail
2.4Fail
3.1AA Large
4.3AA Large
5.7AA
Black BG
11.2AAA
8.6AAA
6.8AA
4.9AA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A5C0
A3A3A2
A2A184
949367
6E6D64

Deuteranopia

A19CC1
A2A2A2
A4A884
9BA365
6F7163

Tritanopia

8CC2C3
9FA3A4
B48585
BF6262
776363

Achromatopsia

B4B4B4
A4A4A4
959595
797979
686868

Shades & Tints Shades & Tints

#89C9BD

Dark
Light

#9FA8A0

Dark
Light

#B68783

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #89c9bd;
  --color-2: #9fa8a0;
  --color-3: #b68783;
  --color-4: #c4566c;
  --color-5: #786065;
}

SCSS

$color-1: #89c9bd;
$color-2: #9fa8a0;
$color-3: #b68783;
$color-4: #c4566c;
$color-5: #786065;

TAILWIND

colors: {
  'brand-1': '#89c9bd',
  'brand-2': '#9fa8a0',
  'brand-3': '#b68783',
  'brand-4': '#c4566c',
  'brand-5': '#786065',
}

RGB Array

[137, 201, 189], [159, 168, 160], [182, 135, 131], [196, 86, 108], [120, 96, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #89C9BD, #9FA8A0, #B68783, #C4566C, #786065 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #89c9bd; --color-2: #9fa8a0; --color-3: #b68783; --color-4: #c4566c; --color-5: #786065. 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. 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. Restrained colors convey professionalism and trust. 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