← Back to Editor

#DFD890 · #C7CC92 · #72A699 · #4D6F5E · #8D8570

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

#DFD890

Fresh Green · Khaki · Sunflower

HEX
#DFD890
RGB
rgb(223, 216, 144)
HSL
hsl(55, 55%, 72%)
HSB
hsb(55, 35%, 87%)
CMYK
cmyk(0%, 3%, 35%, 13%)
Oklch
oklch(87.1% 0.092 103.4)

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

#C7CC92

Fresh Green · Tan · Sunflower

HEX
#C7CC92
RGB
rgb(199, 204, 146)
HSL
hsl(65, 36%, 69%)
HSB
hsb(65, 28%, 80%)
CMYK
cmyk(2%, 0%, 28%, 20%)
Oklch
oklch(82.7% 0.077 112.1)

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

#72A699

Mineral Blue · CadetBlue · Lake Green

HEX
#72A699
RGB
rgb(114, 166, 153)
HSL
hsl(165, 23%, 55%)
HSB
hsb(165, 31%, 65%)
CMYK
cmyk(31%, 0%, 8%, 35%)
Oklch
oklch(68.5% 0.059 177.1)

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

#4D6F5E

Mineral Blue · DimGray · Forest Green

HEX
#4D6F5E
RGB
rgb(77, 111, 94)
HSL
hsl(150, 18%, 37%)
HSB
hsb(150, 31%, 44%)
CMYK
cmyk(31%, 0%, 15%, 56%)
Oklch
oklch(51.0% 0.048 162.4)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#8D8570

Ochre · Gray · Honey Gold

HEX
#8D8570
RGB
rgb(141, 133, 112)
HSL
hsl(43, 11%, 50%)
HSB
hsb(43, 21%, 55%)
CMYK
cmyk(0%, 6%, 21%, 45%)
Oklch
oklch(61.8% 0.032 89.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFD890
9097DF

Analogous

DFB190
DFD890
BEDF90

Triadic

DFD890
90DFD8
D890DF

Split-Comp.

DFD890
90BEDF
B190DF

Tetradic

DFD890
90DFB1
9097DF
DF90BE

Contrast Matrix WCAG 2.1 Contrast

DFD890
C7CC92
72A699
4D6F5E
8D8570
—
1.2
Fail
1.9
Fail
3.8
AA Large
2.5
Fail
1.2
Fail
—
1.6
Fail
3.3
AA Large
2.2
Fail
1.9
Fail
1.6
Fail
—
2.0
Fail
1.3
Fail
3.8
AA Large
3.3
AA Large
2.0
Fail
—
1.5
Fail
2.5
Fail
2.2
Fail
1.3
Fail
1.5
Fail
—
White BG
1.5Fail
1.7Fail
2.8Fail
5.6AA
3.7AA Large
Black BG
14.4AAA
12.5AAA
7.6AAA
3.8AA Large
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCA1
C9C9A0
89899C
5C5C62
8A8975

Deuteranopia

DCDDA6
C9C8A3
86829D
5A5763
8A8B76

Tritanopia

DFAFB2
C7ABAE
759F9F
4F6566
8D797A

Achromatopsia

D2D2D2
C4C4C4
959595
636363
858585

Shades & Tints Shades & Tints

#DFD890

Dark
Light

#C7CC92

Dark
Light

#72A699

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfd890;
  --color-2: #c7cc92;
  --color-3: #72a699;
  --color-4: #4d6f5e;
  --color-5: #8d8570;
}

SCSS

$color-1: #dfd890;
$color-2: #c7cc92;
$color-3: #72a699;
$color-4: #4d6f5e;
$color-5: #8d8570;

TAILWIND

colors: {
  'brand-1': '#dfd890',
  'brand-2': '#c7cc92',
  'brand-3': '#72a699',
  'brand-4': '#4d6f5e',
  'brand-5': '#8d8570',
}

RGB Array

[223, 216, 144], [199, 204, 146], [114, 166, 153], [77, 111, 94], [141, 133, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DFD890, #C7CC92, #72A699, #4D6F5E, #8D8570 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: #dfd890; --color-2: #c7cc92; --color-3: #72a699; --color-4: #4d6f5e; --color-5: #8d8570. 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