← Back to Editor

#91B1BD · #4F6666 · #D9D0C1 · #A69476 · #CFE4E1

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

#91B1BD

Sky Blue · DarkGray · Lake Green

HEX
#91B1BD
RGB
rgb(145, 177, 189)
HSL
hsl(196, 25%, 65%)
HSB
hsb(196, 23%, 74%)
CMYK
cmyk(23%, 6%, 0%, 26%)
Oklch
oklch(74.1% 0.039 222.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#4F6666

Slate Blue · DimGray · Mint Ice

HEX
#4F6666
RGB
rgb(79, 102, 102)
HSL
hsl(180, 13%, 35%)
HSB
hsb(180, 23%, 40%)
CMYK
cmyk(23%, 0%, 0%, 60%)
Oklch
oklch(49.2% 0.027 196.3)

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

#D9D0C1

Goose Yellow · LightGray · Peach Orange

HEX
#D9D0C1
RGB
rgb(217, 208, 193)
HSL
hsl(38, 24%, 80%)
HSB
hsb(38, 11%, 85%)
CMYK
cmyk(0%, 4%, 11%, 15%)
Oklch
oklch(86.1% 0.023 80.7)

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

#A69476

Ginger · Gray · Warm Sun

HEX
#A69476
RGB
rgb(166, 148, 118)
HSL
hsl(38, 21%, 56%)
HSB
hsb(38, 29%, 65%)
CMYK
cmyk(0%, 11%, 29%, 35%)
Oklch
oklch(67.5% 0.047 80.4)

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

#CFE4E1

Jade · LightGray · Glacier Blue

HEX
#CFE4E1
RGB
rgb(207, 228, 225)
HSL
hsl(171, 28%, 85%)
HSB
hsb(171, 9%, 89%)
CMYK
cmyk(9%, 0%, 1%, 11%)
Oklch
oklch(90.2% 0.023 186.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91B1BD
BC9B8F

Analogous

8FBCB2
91B1BD
8F9ABC

Triadic

91B1BD
BC8FB0
B0BC8F

Split-Comp.

91B1BD
BC8F9A
BCB28F

Tetradic

91B1BD
B28FBC
BC9B8F
9ABC8F

Contrast Matrix WCAG 2.1 Contrast

91B1BD
4F6666
D9D0C1
A69476
CFE4E1
—
2.7
Fail
1.5
Fail
1.3
Fail
1.7
Fail
2.7
Fail
—
4.0
AA Large
2.1
Fail
4.6
AA
1.5
Fail
4.0
AA Large
—
1.9
Fail
1.2
Fail
1.3
Fail
2.1
Fail
1.9
Fail
—
2.2
Fail
1.7
Fail
4.6
AA
1.2
Fail
2.2
Fail
—
White BG
2.3Fail
6.1AA
1.5Fail
2.9Fail
1.3Fail
Black BG
9.2AAA
3.4AA Large
13.7AAA
7.1AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9FBA
595966
D5D5C5
9E9E7D
D8D8E2

Deuteranopia

9D9BB9
585666
D6D6C6
9FA17F
D7D5E2

Tritanopia

93B8B7
506666
D9C7C8
A58384
D0E2E2

Achromatopsia

A9A9A9
5F5F5F
D1D1D1
969696
DDDDDD

Shades & Tints Shades & Tints

#91B1BD

Dark
Light

#4F6666

Dark
Light

#D9D0C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91b1bd;
  --color-2: #4f6666;
  --color-3: #d9d0c1;
  --color-4: #a69476;
  --color-5: #cfe4e1;
}

SCSS

$color-1: #91b1bd;
$color-2: #4f6666;
$color-3: #d9d0c1;
$color-4: #a69476;
$color-5: #cfe4e1;

TAILWIND

colors: {
  'brand-1': '#91b1bd',
  'brand-2': '#4f6666',
  'brand-3': '#d9d0c1',
  'brand-4': '#a69476',
  'brand-5': '#cfe4e1',
}

RGB Array

[145, 177, 189], [79, 102, 102], [217, 208, 193], [166, 148, 118], [207, 228, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #91B1BD, #4F6666, #D9D0C1, #A69476, #CFE4E1 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #91b1bd; --color-2: #4f6666; --color-3: #d9d0c1; --color-4: #a69476; --color-5: #cfe4e1. 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. 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