← Back to Editor

#B7D9CD · #F3EFE2 · #DA8F79 · #C3CA99 · #433135

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

#B7D9CD

Jade · LightBlue · Apple Green

HEX
#B7D9CD
RGB
rgb(183, 217, 205)
HSL
hsl(159, 31%, 78%)
HSB
hsb(159, 16%, 85%)
CMYK
cmyk(16%, 0%, 6%, 15%)
Oklch
oklch(85.7% 0.040 172.0)

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

#F3EFE2

Goose Yellow · Linen · Lemon Cream

HEX
#F3EFE2
RGB
rgb(243, 239, 226)
HSL
hsl(46, 41%, 92%)
HSB
hsb(46, 7%, 95%)
CMYK
cmyk(0%, 2%, 7%, 5%)
Oklch
oklch(95.2% 0.018 92.7)

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

#DA8F79

Peach Pink · DarkSalmon · Coral Red

HEX
#DA8F79
RGB
rgb(218, 143, 121)
HSL
hsl(14, 57%, 66%)
HSB
hsb(14, 44%, 85%)
CMYK
cmyk(0%, 34%, 44%, 15%)
Oklch
oklch(72.1% 0.097 37.1)

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

#C3CA99

Fresh Green · Tan · Sunflower

HEX
#C3CA99
RGB
rgb(195, 202, 153)
HSL
hsl(69, 32%, 70%)
HSB
hsb(69, 24%, 79%)
CMYK
cmyk(3%, 0%, 24%, 21%)
Oklch
oklch(82.1% 0.066 114.5)

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

#433135

Crimson · DarkSlateGray · Wine Red

HEX
#433135
RGB
rgb(67, 49, 53)
HSL
hsl(347, 16%, 23%)
HSB
hsb(347, 27%, 26%)
CMYK
cmyk(0%, 27%, 21%, 74%)
Oklch
oklch(33.5% 0.027 3.8)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B7D9CD
D8B6C2

Analogous

B6D8BB
B7D9CD
B6D3D8

Triadic

B7D9CD
CCB6D8
D8CCB6

Split-Comp.

B7D9CD
D8B6D3
D8BBB6

Tetradic

B7D9CD
BBB6D8
D8B6C2
D3D8B6

Contrast Matrix WCAG 2.1 Contrast

B7D9CD
F3EFE2
DA8F79
C3CA99
433135
—
1.3
Fail
1.7
Fail
1.1
Fail
8.0
AAA
1.3
Fail
—
2.2
Fail
1.5
Fail
10.6
AAA
1.7
Fail
2.2
Fail
—
1.5
Fail
4.7
AA
1.1
Fail
1.5
Fail
1.5
Fail
—
7.1
AAA
8.0
AAA
10.6
AAA
4.7
AA
7.1
AAA
—
White BG
1.5Fail
1.2Fail
2.6Fail
1.7Fail
12.1AAA
Black BG
13.8AAA
18.3AAA
8.2AAA
12.2AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6D0
F1F1E5
BAB97E
C6C6A5
3B3B34

Deuteranopia

C4C1D1
F2F2E6
BEC480
C6C5A8
3C3E34

Tritanopia

B9D2D3
F3E8E8
D68383
C3AEB0
423333

Achromatopsia

CDCDCD
EFEFEF
A3A3A3
C2C2C2
373737

Shades & Tints Shades & Tints

#B7D9CD

Dark
Light

#F3EFE2

Dark
Light

#DA8F79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b7d9cd;
  --color-2: #f3efe2;
  --color-3: #da8f79;
  --color-4: #c3ca99;
  --color-5: #433135;
}

SCSS

$color-1: #b7d9cd;
$color-2: #f3efe2;
$color-3: #da8f79;
$color-4: #c3ca99;
$color-5: #433135;

TAILWIND

colors: {
  'brand-1': '#b7d9cd',
  'brand-2': '#f3efe2',
  'brand-3': '#da8f79',
  'brand-4': '#c3ca99',
  'brand-5': '#433135',
}

RGB Array

[183, 217, 205], [243, 239, 226], [218, 143, 121], [195, 202, 153], [67, 49, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B7D9CD, #F3EFE2, #DA8F79, #C3CA99, #433135 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: #b7d9cd; --color-2: #f3efe2; --color-3: #da8f79; --color-4: #c3ca99; --color-5: #433135. 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