← Back to Editor

#D2D4AD · #C1CEA0 · #9DBD98 · #9E9083 · #73645D

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 Library

Color Details Color Details

#D2D4AD

Fresh Green · Silver · Sunflower

HEX
#D2D4AD
RGB
rgb(210, 212, 173)
HSL
hsl(63, 31%, 75%)
HSB
hsb(63, 18%, 83%)
CMYK
cmyk(1%, 0%, 18%, 17%)
Oklch
oklch(85.8% 0.052 109.9)

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

#C1CEA0

Willow Green · Silver · Apple Green

HEX
#C1CEA0
RGB
rgb(193, 206, 160)
HSL
hsl(77, 32%, 72%)
HSB
hsb(77, 22%, 81%)
CMYK
cmyk(6%, 0%, 22%, 19%)
Oklch
oklch(83.0% 0.063 120.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#9DBD98

Celadon · DarkSeaGreen · Apple Green

HEX
#9DBD98
RGB
rgb(157, 189, 152)
HSL
hsl(112, 22%, 67%)
HSB
hsb(112, 20%, 74%)
CMYK
cmyk(17%, 0%, 20%, 26%)
Oklch
oklch(76.5% 0.062 141.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#9E9083

Tangerine · Gray · Warm Sun

HEX
#9E9083
RGB
rgb(158, 144, 131)
HSL
hsl(29, 12%, 57%)
HSB
hsb(29, 17%, 62%)
CMYK
cmyk(0%, 9%, 17%, 38%)
Oklch
oklch(66.2% 0.025 65.3)

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

#73645D

Tangerine · DimGray · Amber Brown

HEX
#73645D
RGB
rgb(115, 100, 93)
HSL
hsl(19, 11%, 41%)
HSB
hsb(19, 19%, 45%)
CMYK
cmyk(0%, 13%, 19%, 55%)
Oklch
oklch(51.5% 0.022 46.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2D4AD
ADABD3

Analogous

D3C1AB
D2D4AD
BDD3AB

Triadic

D2D4AD
ABD1D3
D3ABD1

Split-Comp.

D2D4AD
ABBDD3
C1ABD3

Tetradic

D2D4AD
ABD3C1
ADABD3
D3ABBD

Contrast Matrix WCAG 2.1 Contrast

D2D4AD
C1CEA0
9DBD98
9E9083
73645D
—
1.1
Fail
1.4
Fail
2.0
Fail
3.7
AA Large
1.1
Fail
—
1.2
Fail
1.9
Fail
3.4
AA Large
1.4
Fail
1.2
Fail
—
1.5
Fail
2.7
Fail
2.0
Fail
1.9
Fail
1.5
Fail
—
1.8
Fail
3.7
AA Large
3.4
AA Large
2.7
Fail
1.8
Fail
—
White BG
1.5Fail
1.7Fail
2.1Fail
3.1AA Large
5.7AA
Black BG
13.8AAA
12.6AAA
10.2AAA
6.8AA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3B6
C7C7AB
ABABA1
989886
6D6C5F

Deuteranopia

D3D3B9
C6C5AE
A9A7A3
999A87
6D6F5F

Tritanopia

D2BEC0
C2B4B6
9FA8AA
9D8989
726060

Achromatopsia

CFCFCF
C5C5C5
AFAFAF
939393
686868

Shades & Tints Shades & Tints

#D2D4AD

Dark
Light

#C1CEA0

Dark
Light

#9DBD98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2d4ad;
  --color-2: #c1cea0;
  --color-3: #9dbd98;
  --color-4: #9e9083;
  --color-5: #73645d;
}

SCSS

$color-1: #d2d4ad;
$color-2: #c1cea0;
$color-3: #9dbd98;
$color-4: #9e9083;
$color-5: #73645d;

TAILWIND

colors: {
  'brand-1': '#d2d4ad',
  'brand-2': '#c1cea0',
  'brand-3': '#9dbd98',
  'brand-4': '#9e9083',
  'brand-5': '#73645d',
}

RGB Array

[210, 212, 173], [193, 206, 160], [157, 189, 152], [158, 144, 131], [115, 100, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D2D4AD, #C1CEA0, #9DBD98, #9E9083, #73645D 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: #d2d4ad; --color-2: #c1cea0; --color-3: #9dbd98; --color-4: #9e9083; --color-5: #73645d. 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