← Back to Editor

#CBD1CD · #CABCB9 · #D49B92 · #EFEBD2 · #213945

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

WorkspaceReadingData Visualization

Color Details Color Details

#CBD1CD

Silver Gray · LightGray · Pearl Gray

HEX
#CBD1CD
RGB
rgb(203, 209, 205)
HSL
hsl(140, 6%, 81%)
HSB
hsb(140, 3%, 82%)
CMYK
cmyk(3%, 0%, 2%, 18%)
Oklch
oklch(85.5% 0.009 157.1)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#CABCB9

Peach Pink · Silver · Coral Red

HEX
#CABCB9
RGB
rgb(202, 188, 185)
HSL
hsl(11, 14%, 76%)
HSB
hsb(11, 8%, 79%)
CMYK
cmyk(0%, 7%, 8%, 21%)
Oklch
oklch(80.6% 0.016 32.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D49B92

Peach Pink · Tan · Coral Red

HEX
#D49B92
RGB
rgb(212, 155, 146)
HSL
hsl(8, 43%, 70%)
HSB
hsb(8, 31%, 83%)
CMYK
cmyk(0%, 27%, 31%, 17%)
Oklch
oklch(74.1% 0.070 29.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EFEBD2

Fresh Green · Beige · Lemon Cream

HEX
#EFEBD2
RGB
rgb(239, 235, 210)
HSL
hsl(52, 48%, 88%)
HSB
hsb(52, 12%, 94%)
CMYK
cmyk(0%, 2%, 12%, 6%)
Oklch
oklch(93.7% 0.033 99.6)

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

#213945

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX
#213945
RGB
rgb(33, 57, 69)
HSL
hsl(200, 35%, 20%)
HSB
hsb(200, 52%, 27%)
CMYK
cmyk(52%, 17%, 0%, 73%)
Oklch
oklch(33.0% 0.037 231.1)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBD1CD
D1CCD0

Analogous

CDD1CC
CBD1CD
CCD1D0

Triadic

CBD1CD
CECCD1
D1CECC

Split-Comp.

CBD1CD
D0CCD1
D1CCCD

Tetradic

CBD1CD
CCCDD1
D1CCD0
D1D0CC

Contrast Matrix WCAG 2.1 Contrast

CBD1CD
CABCB9
D49B92
EFEBD2
213945
—
1.2
Fail
1.5
Fail
1.3
Fail
7.8
AAA
1.2
Fail
—
1.3
Fail
1.5
Fail
6.6
AA
1.5
Fail
1.3
Fail
—
2.0
Fail
5.1
AA
1.3
Fail
1.5
Fail
2.0
Fail
—
10.1
AAA
7.8
AAA
6.6
AA
5.1
AA
10.1
AAA
—
White BG
1.6Fail
1.8Fail
2.4Fail
1.2Fail
12.1AAA
Black BG
13.5AAA
11.4AAA
8.9AAA
17.5AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECECE
C4C4BA
BBBB94
EDEDD8
2B2C42

Deuteranopia

CDCDCE
C5C6BA
BFC395
EEEEDA
2A2841

Tritanopia

CBCFCF
C9BABA
D19696
EFDDDE
22403F

Achromatopsia

CFCFCF
C0C0C0
ABABAB
E9E9E9
333333

Shades & Tints Shades & Tints

#CBD1CD

Dark
Light

#CABCB9

Dark
Light

#D49B92

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbd1cd;
  --color-2: #cabcb9;
  --color-3: #d49b92;
  --color-4: #efebd2;
  --color-5: #213945;
}

SCSS

$color-1: #cbd1cd;
$color-2: #cabcb9;
$color-3: #d49b92;
$color-4: #efebd2;
$color-5: #213945;

TAILWIND

colors: {
  'brand-1': '#cbd1cd',
  'brand-2': '#cabcb9',
  'brand-3': '#d49b92',
  'brand-4': '#efebd2',
  'brand-5': '#213945',
}

RGB Array

[203, 209, 205], [202, 188, 185], [212, 155, 146], [239, 235, 210], [33, 57, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #CBD1CD, #CABCB9, #D49B92, #EFEBD2, #213945 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #cbd1cd; --color-2: #cabcb9; --color-3: #d49b92; --color-4: #efebd2; --color-5: #213945. 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. 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 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