← Back to Editor

#D1C5AE · #9BC0C4 · #79A3A8 · #629096 · #467980

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

#D1C5AE

Goose Yellow · Silver · Warm Sun

HEX
#D1C5AE
RGB
rgb(209, 197, 174)
HSL
hsl(39, 28%, 75%)
HSB
hsb(39, 17%, 82%)
CMYK
cmyk(0%, 6%, 17%, 18%)
Oklch
oklch(82.7% 0.034 83.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#9BC0C4

Sky Blue · LightSteelBlue · Lake Green

HEX
#9BC0C4
RGB
rgb(155, 192, 196)
HSL
hsl(186, 26%, 69%)
HSB
hsb(186, 21%, 77%)
CMYK
cmyk(21%, 2%, 0%, 23%)
Oklch
oklch(78.2% 0.040 204.5)

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

#79A3A8

Slate Blue · CadetBlue · Lake Green

HEX
#79A3A8
RGB
rgb(121, 163, 168)
HSL
hsl(186, 21%, 57%)
HSB
hsb(186, 28%, 66%)
CMYK
cmyk(28%, 3%, 0%, 34%)
Oklch
oklch(68.7% 0.046 205.3)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#629096

Slate Blue · CadetBlue · Mint Ice

HEX
#629096
RGB
rgb(98, 144, 150)
HSL
hsl(187, 21%, 49%)
HSB
hsb(187, 35%, 59%)
CMYK
cmyk(35%, 4%, 0%, 41%)
Oklch
oklch(62.2% 0.051 206.2)

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

#467980

Slate Blue · DimGray · Mint Ice

HEX
#467980
RGB
rgb(70, 121, 128)
HSL
hsl(187, 29%, 39%)
HSB
hsb(187, 45%, 50%)
CMYK
cmyk(45%, 5%, 0%, 50%)
Oklch
oklch(54.3% 0.056 206.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1C5AE
ADBAD1

Analogous

D1B3AD
D1C5AE
CCD1AD

Triadic

D1C5AE
ADD1C5
C5ADD1

Split-Comp.

D1C5AE
ADCCD1
B3ADD1

Tetradic

D1C5AE
ADD1B3
ADBAD1
D1ADCC

Contrast Matrix WCAG 2.1 Contrast

D1C5AE
9BC0C4
79A3A8
629096
467980
—
1.1
Fail
1.6
Fail
2.1
Fail
2.9
Fail
1.1
Fail
—
1.4
Fail
1.8
Fail
2.5
Fail
1.6
Fail
1.4
Fail
—
1.3
Fail
1.8
Fail
2.1
Fail
1.8
Fail
1.3
Fail
—
1.4
Fail
2.9
Fail
2.5
Fail
1.8
Fail
1.4
Fail
—
White BG
1.7Fail
2.0Fail
2.8Fail
3.5AA Large
4.9AA
Black BG
12.3AAA
10.7AAA
7.6AAA
5.9AA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCB4
ABABC3
8B8CA7
767695
5C5D7E

Deuteranopia

CDCDB5
A9A6C3
8986A7
737094
59557E

Tritanopia

D0B8B9
9DC2C2
7BA6A6
649393
497D7D

Achromatopsia

C6C6C6
B5B5B5
979797
838383
6B6B6B

Shades & Tints Shades & Tints

#D1C5AE

Dark
Light

#9BC0C4

Dark
Light

#79A3A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1c5ae;
  --color-2: #9bc0c4;
  --color-3: #79a3a8;
  --color-4: #629096;
  --color-5: #467980;
}

SCSS

$color-1: #d1c5ae;
$color-2: #9bc0c4;
$color-3: #79a3a8;
$color-4: #629096;
$color-5: #467980;

TAILWIND

colors: {
  'brand-1': '#d1c5ae',
  'brand-2': '#9bc0c4',
  'brand-3': '#79a3a8',
  'brand-4': '#629096',
  'brand-5': '#467980',
}

RGB Array

[209, 197, 174], [155, 192, 196], [121, 163, 168], [98, 144, 150], [70, 121, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D1C5AE, #9BC0C4, #79A3A8, #629096, #467980 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: #d1c5ae; --color-2: #9bc0c4; --color-3: #79a3a8; --color-4: #629096; --color-5: #467980. 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