← Back to Editor

#CCE1CA · #D7DEB4 · #DBB092 · #BB7080 · #694A55

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#CCE1CA

Celadon · LightGray · Mint Green

HEX
#CCE1CA
RGB
rgb(204, 225, 202)
HSL
hsl(115, 28%, 84%)
HSB
hsb(115, 10%, 88%)
CMYK
cmyk(9%, 0%, 10%, 12%)
Oklch
oklch(88.8% 0.038 142.8)

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

#D7DEB4

Willow Green · Wheat · Apple Green

HEX
#D7DEB4
RGB
rgb(215, 222, 180)
HSL
hsl(70, 39%, 79%)
HSB
hsb(70, 19%, 87%)
CMYK
cmyk(3%, 0%, 19%, 13%)
Oklch
oklch(88.4% 0.056 115.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#DBB092

Apricot · Tan · Warm Sun

HEX
#DBB092
RGB
rgb(219, 176, 146)
HSL
hsl(25, 50%, 72%)
HSB
hsb(25, 33%, 86%)
CMYK
cmyk(0%, 20%, 33%, 14%)
Oklch
oklch(78.8% 0.065 56.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#BB7080

Crimson · LightCoral · Passion Red

HEX
#BB7080
RGB
rgb(187, 112, 128)
HSL
hsl(347, 36%, 59%)
HSB
hsb(347, 40%, 73%)
CMYK
cmyk(0%, 40%, 32%, 27%)
Oklch
oklch(63.1% 0.097 6.4)

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

#694A55

Dark Violet · DimGray · Camellia

HEX
#694A55
RGB
rgb(105, 74, 85)
HSL
hsl(339, 17%, 35%)
HSB
hsb(339, 30%, 41%)
CMYK
cmyk(0%, 30%, 19%, 59%)
Oklch
oklch(44.6% 0.045 356.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CCE1CA
E0CBE2

Analogous

D8E2CB
CCE1CA
CBE2D4

Triadic

CCE1CA
CBCDE2
E2CBCD

Split-Comp.

CCE1CA
D4CBE2
E2CBD8

Tetradic

CCE1CA
CBD8E2
E0CBE2
E2D4CB

Contrast Matrix WCAG 2.1 Contrast

CCE1CA
D7DEB4
DBB092
BB7080
694A55
—
1.0
Fail
1.4
Fail
2.6
Fail
5.6
AA
1.0
Fail
—
1.4
Fail
2.6
Fail
5.5
AA
1.4
Fail
1.4
Fail
—
1.9
Fail
3.9
AA Large
2.6
Fail
2.6
Fail
1.9
Fail
—
2.1
Fail
5.6
AA
5.5
AA
3.9
AA Large
2.1
Fail
—
White BG
1.4Fail
1.4Fail
2.0Fail
3.7AA Large
7.7AAA
Black BG
15.2AAA
15.0AAA
10.6AAA
5.7AA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5D0
DADABE
C8C899
9B9A7C
5C5B52

Deuteranopia

D4D2D1
DAD9C1
CBCE9B
9FA57B
5D6052

Tritanopia

CDD4D5
D7C6C8
D99FA0
B77978
675050

Achromatopsia

D8D8D8
D7D7D7
B9B9B9
888888
555555

Shades & Tints Shades & Tints

#CCE1CA

Dark
Light

#D7DEB4

Dark
Light

#DBB092

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cce1ca;
  --color-2: #d7deb4;
  --color-3: #dbb092;
  --color-4: #bb7080;
  --color-5: #694a55;
}

SCSS

$color-1: #cce1ca;
$color-2: #d7deb4;
$color-3: #dbb092;
$color-4: #bb7080;
$color-5: #694a55;

TAILWIND

colors: {
  'brand-1': '#cce1ca',
  'brand-2': '#d7deb4',
  'brand-3': '#dbb092',
  'brand-4': '#bb7080',
  'brand-5': '#694a55',
}

RGB Array

[204, 225, 202], [215, 222, 180], [219, 176, 146], [187, 112, 128], [105, 74, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #CCE1CA, #D7DEB4, #DBB092, #BB7080, #694A55 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: #cce1ca; --color-2: #d7deb4; --color-3: #dbb092; --color-4: #bb7080; --color-5: #694a55. 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