← Back to Editor

#2B2632 · #D4D4BD · #9EBCB7 · #A4D8C6 · #C0FBDF

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#2B2632

Deep Indigo · DarkSlateGray · Dark Purple

HEX
#2B2632
RGB
rgb(43, 38, 50)
HSL
hsl(265, 14%, 17%)
HSB
hsb(265, 24%, 20%)
CMYK
cmyk(14%, 24%, 0%, 80%)
Oklch
oklch(27.9% 0.023 303.9)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#D4D4BD

Fresh Green · LightGray · Lemon Cream

HEX
#D4D4BD
RGB
rgb(212, 212, 189)
HSL
hsl(60, 21%, 79%)
HSB
hsb(60, 11%, 83%)
CMYK
cmyk(0%, 0%, 11%, 17%)
Oklch
oklch(86.4% 0.031 107.0)

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

#9EBCB7

Jade · DarkGray · Lake Green

HEX
#9EBCB7
RGB
rgb(158, 188, 183)
HSL
hsl(170, 18%, 68%)
HSB
hsb(170, 16%, 74%)
CMYK
cmyk(16%, 0%, 3%, 26%)
Oklch
oklch(77.1% 0.033 184.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#A4D8C6

Jade · LightBlue · Apple Green

HEX
#A4D8C6
RGB
rgb(164, 216, 198)
HSL
hsl(159, 40%, 75%)
HSB
hsb(159, 24%, 85%)
CMYK
cmyk(24%, 0%, 8%, 15%)
Oklch
oklch(84.1% 0.059 171.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#C0FBDF

Jade · LightBlue · Mint Green

HEX
#C0FBDF
RGB
rgb(192, 251, 223)
HSL
hsl(152, 88%, 87%)
HSB
hsb(152, 24%, 98%)
CMYK
cmyk(24%, 0%, 11%, 2%)
Oklch
oklch(94.0% 0.071 164.3)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B2632
2C3125

Analogous

252631
2B2632
302531

Triadic

2B2632
312A25
25312A

Split-Comp.

2B2632
313025
263125

Tetradic

2B2632
312526
2C3125
253130

Contrast Matrix WCAG 2.1 Contrast

2B2632
D4D4BD
9EBCB7
A4D8C6
C0FBDF
—
9.8
AAA
7.2
AAA
9.3
AAA
12.7
AAA
9.8
AAA
—
1.4
Fail
1.1
Fail
1.3
Fail
7.2
AAA
1.4
Fail
—
1.3
Fail
1.8
Fail
9.3
AAA
1.1
Fail
1.3
Fail
—
1.4
Fail
12.7
AAA
1.3
Fail
1.8
Fail
1.4
Fail
—
White BG
14.7AAA
1.5Fail
2.0Fail
1.6Fail
1.2Fail
Black BG
1.4Fail
14.0AAA
10.3AAA
13.2AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

29292F
D4D4C3
ABABB8
BBBBCA
DADAE6

Deuteranopia

292A2E
D4D4C4
A9A7B9
B8B4CB
D6D2E7

Tritanopia

2B2D2C
D4C7C8
A0B9B9
A7CECF
C3EBEC

Achromatopsia

292929
D1D1D1
B2B2B2
C6C6C6
E6E6E6

Shades & Tints Shades & Tints

#2B2632

Dark
Light

#D4D4BD

Dark
Light

#9EBCB7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b2632;
  --color-2: #d4d4bd;
  --color-3: #9ebcb7;
  --color-4: #a4d8c6;
  --color-5: #c0fbdf;
}

SCSS

$color-1: #2b2632;
$color-2: #d4d4bd;
$color-3: #9ebcb7;
$color-4: #a4d8c6;
$color-5: #c0fbdf;

TAILWIND

colors: {
  'brand-1': '#2b2632',
  'brand-2': '#d4d4bd',
  'brand-3': '#9ebcb7',
  'brand-4': '#a4d8c6',
  'brand-5': '#c0fbdf',
}

RGB Array

[43, 38, 50], [212, 212, 189], [158, 188, 183], [164, 216, 198], [192, 251, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #2B2632, #D4D4BD, #9EBCB7, #A4D8C6, #C0FBDF is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2b2632; --color-2: #d4d4bd; --color-3: #9ebcb7; --color-4: #a4d8c6; --color-5: #c0fbdf. 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 tech, SaaS, healthcare, eco industries. 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