← Back to Editor

#99545D · #CC717C · #F2DCDE · #B9E5E1 · #8AABA8

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

#99545D

Crimson · Sienna · Passion Red

HEX
#99545D
RGB
rgb(153, 84, 93)
HSL
hsl(352, 29%, 46%)
HSB
hsb(352, 45%, 60%)
CMYK
cmyk(0%, 45%, 39%, 40%)
Oklch
oklch(52.9% 0.092 12.4)

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

#CC717C

Peach Pink · LightCoral · Coral Red

HEX
#CC717C
RGB
rgb(204, 113, 124)
HSL
hsl(353, 47%, 62%)
HSB
hsb(353, 45%, 80%)
CMYK
cmyk(0%, 45%, 39%, 20%)
Oklch
oklch(65.3% 0.115 13.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F2DCDE

Peach Pink · Linen · Cherry Blossom

HEX
#F2DCDE
RGB
rgb(242, 220, 222)
HSL
hsl(355, 46%, 91%)
HSB
hsb(355, 9%, 95%)
CMYK
cmyk(0%, 9%, 8%, 5%)
Oklch
oklch(91.3% 0.024 11.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#B9E5E1

Jade · LightBlue · Glacier Blue

HEX
#B9E5E1
RGB
rgb(185, 229, 225)
HSL
hsl(175, 46%, 81%)
HSB
hsb(175, 19%, 90%)
CMYK
cmyk(19%, 0%, 2%, 10%)
Oklch
oklch(89.0% 0.046 189.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#8AABA8

Jade · DarkSeaGreen · Lake Green

HEX
#8AABA8
RGB
rgb(138, 171, 168)
HSL
hsl(175, 16%, 61%)
HSB
hsb(175, 19%, 67%)
CMYK
cmyk(19%, 0%, 2%, 33%)
Oklch
oklch(71.6% 0.036 189.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99545D
53978E

Analogous

97537E
99545D
976C53

Triadic

99545D
5C9753
535C97

Split-Comp.

99545D
53976C
537E97

Tetradic

99545D
7E9753
53978E
6C5397

Contrast Matrix WCAG 2.1 Contrast

99545D
CC717C
F2DCDE
B9E5E1
8AABA8
—
1.6
Fail
4.2
AA Large
4.1
AA Large
2.2
Fail
1.6
Fail
—
2.6
Fail
2.5
Fail
1.4
Fail
4.2
AA Large
2.6
Fail
—
1.0
Fail
1.9
Fail
4.1
AA Large
2.5
Fail
1.0
Fail
—
1.8
Fail
2.2
Fail
1.4
Fail
1.9
Fail
1.8
Fail
—
White BG
5.6AA
3.4AA Large
1.3Fail
1.4Fail
2.5Fail
Black BG
3.8AA Large
6.2AA
16.1AAA
15.4AAA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7B5B
A5A479
E8E8DE
CCCCE2
9899A9

Deuteranopia

7F845A
AAB179
EAEBDD
CAC6E2
9694A9

Tritanopia

965959
C77777
F1DDDD
BBE3E3
8CA9A9

Achromatopsia

6A6A6A
8D8D8D
E3E3E3
D7D7D7
A1A1A1

Shades & Tints Shades & Tints

#99545D

Dark
Light

#CC717C

Dark
Light

#F2DCDE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99545d;
  --color-2: #cc717c;
  --color-3: #f2dcde;
  --color-4: #b9e5e1;
  --color-5: #8aaba8;
}

SCSS

$color-1: #99545d;
$color-2: #cc717c;
$color-3: #f2dcde;
$color-4: #b9e5e1;
$color-5: #8aaba8;

TAILWIND

colors: {
  'brand-1': '#99545d',
  'brand-2': '#cc717c',
  'brand-3': '#f2dcde',
  'brand-4': '#b9e5e1',
  'brand-5': '#8aaba8',
}

RGB Array

[153, 84, 93], [204, 113, 124], [242, 220, 222], [185, 229, 225], [138, 171, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #99545D, #CC717C, #F2DCDE, #B9E5E1, #8AABA8 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: #99545d; --color-2: #cc717c; --color-3: #f2dcde; --color-4: #b9e5e1; --color-5: #8aaba8. 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