← Back to Editor

#78738A · #938592 · #D2C5A5 · #E6EBC2 · #CEE1C1

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#78738A

Deep Indigo · SlateGray · Warm Gray

HEX
#78738A
RGB
rgb(120, 115, 138)
HSL
hsl(253, 9%, 50%)
HSB
hsb(253, 17%, 54%)
CMYK
cmyk(13%, 17%, 0%, 46%)
Oklch
oklch(56.8% 0.035 295.2)

Traditional「Deep Indigo」· Paint「Warm Gray」· Creative Urban Concrete

#938592

Ash · Gray · Warm Gray

HEX
#938592
RGB
rgb(147, 133, 146)
HSL
hsl(304, 6%, 55%)
HSB
hsb(304, 10%, 58%)
CMYK
cmyk(0%, 10%, 1%, 42%)
Oklch
oklch(63.3% 0.025 328.1)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#D2C5A5

Goose Yellow · Tan · Sunflower

HEX
#D2C5A5
RGB
rgb(210, 197, 165)
HSL
hsl(43, 33%, 74%)
HSB
hsb(43, 21%, 82%)
CMYK
cmyk(0%, 6%, 21%, 18%)
Oklch
oklch(82.6% 0.045 88.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E6EBC2

Fresh Green · Wheat · Lemon Cream

HEX
#E6EBC2
RGB
rgb(230, 235, 194)
HSL
hsl(67, 51%, 84%)
HSB
hsb(67, 17%, 92%)
CMYK
cmyk(2%, 0%, 17%, 8%)
Oklch
oklch(92.6% 0.054 113.1)

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

#CEE1C1

Celadon · LightGray · Mint Green

HEX
#CEE1C1
RGB
rgb(206, 225, 193)
HSL
hsl(96, 35%, 82%)
HSB
hsb(96, 14%, 88%)
CMYK
cmyk(8%, 0%, 14%, 12%)
Oklch
oklch(88.7% 0.048 132.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

78738A
868B74

Analogous

747B8B
78738A
84748B

Triadic

78738A
8B7974
748B79

Split-Comp.

78738A
8B8474
7B8B74

Tetradic

78738A
8B747B
868B74
748B84

Contrast Matrix WCAG 2.1 Contrast

78738A
938592
D2C5A5
E6EBC2
CEE1C1
—
1.3
Fail
2.7
Fail
3.7
AA Large
3.3
AA Large
1.3
Fail
—
2.0
Fail
2.8
Fail
2.5
Fail
2.7
Fail
2.0
Fail
—
1.4
Fail
1.2
Fail
3.7
AA Large
2.8
Fail
1.4
Fail
—
1.1
Fail
3.3
AA Large
2.5
Fail
1.2
Fail
1.1
Fail
—
White BG
4.5AA
3.5AA Large
1.7Fail
1.2Fail
1.4Fail
Black BG
4.6AA
6.0AA
12.3AAA
17.0AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

767684
8D8D8F
CCCCAD
E8E8CC
D6D6C9

Deuteranopia

767783
8E8F8E
CDCEAF
E8E8CE
D5D4CB

Tritanopia

78807F
928C8C
D1B3B4
E6D4D5
CFCFD0

Achromatopsia

777777
8B8B8B
C5C5C5
E5E5E5
D8D8D8

Shades & Tints Shades & Tints

#78738A

Dark
Light

#938592

Dark
Light

#D2C5A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #78738a;
  --color-2: #938592;
  --color-3: #d2c5a5;
  --color-4: #e6ebc2;
  --color-5: #cee1c1;
}

SCSS

$color-1: #78738a;
$color-2: #938592;
$color-3: #d2c5a5;
$color-4: #e6ebc2;
$color-5: #cee1c1;

TAILWIND

colors: {
  'brand-1': '#78738a',
  'brand-2': '#938592',
  'brand-3': '#d2c5a5',
  'brand-4': '#e6ebc2',
  'brand-5': '#cee1c1',
}

RGB Array

[120, 115, 138], [147, 133, 146], [210, 197, 165], [230, 235, 194], [206, 225, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #78738A, #938592, #D2C5A5, #E6EBC2, #CEE1C1 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #78738a; --color-2: #938592; --color-3: #d2c5a5; --color-4: #e6ebc2; --color-5: #cee1c1. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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