#78BD9A + #B2A2BA + #FFA1CE + #FFD3CC + #DAF2E8 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#78BD9A

Jade · DarkSeaGreen · Apple Green

HEX

#78BD9A

RGB

rgb(120, 189, 154)

HSL

hsl(150, 34%, 61%)

HSB

hsb(150, 37%, 74%)

CMYK

cmyk(37%, 0%, 19%, 26%)

Oklch

oklch(74.3% 0.087 161.2)

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

#B2A2BA

Lilac · DarkGray · Lilac Purple

HEX

#B2A2BA

RGB

rgb(178, 162, 186)

HSL

hsl(280, 15%, 68%)

HSB

hsb(280, 13%, 73%)

CMYK

cmyk(4%, 13%, 0%, 27%)

Oklch

oklch(73.4% 0.038 314.6)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#FFA1CE

Rouge · LightPink · Cherry Blossom

HEX

#FFA1CE

RGB

rgb(255, 161, 206)

HSL

hsl(331, 100%, 82%)

HSB

hsb(331, 37%, 100%)

CMYK

cmyk(0%, 37%, 19%, 0%)

Oklch

oklch(81.6% 0.123 350.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FFD3CC

Peach Pink · Bisque · Cherry Blossom

HEX

#FFD3CC

RGB

rgb(255, 211, 204)

HSL

hsl(8, 100%, 90%)

HSB

hsb(8, 20%, 100%)

CMYK

cmyk(0%, 17%, 20%, 0%)

Oklch

oklch(90.3% 0.051 28.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DAF2E8

Jade · Lavender · Mint Green

HEX

#DAF2E8

RGB

rgb(218, 242, 232)

HSL

hsl(155, 48%, 90%)

HSB

hsb(155, 10%, 95%)

CMYK

cmyk(10%, 0%, 4%, 5%)

Oklch

oklch(94.1% 0.029 168.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

78BD9A

BD7A9C

Analogous

7ABD7A

78BD9A

7ABDBD

Triadic

78BD9A

9C7ABD

BD9C7A

Split-Comp.

78BD9A

BD7ABD

BD7A7A

Tetradic

78BD9A

7A7ABD

BD7A9C

BDBD7A

Contrast Matrix WCAG 2.1 Contrast

78BD9A	B2A2BA	FFA1CE	FFD3CC	DAF2E8
—	1.1 Fail	1.2 Fail	1.6 Fail	1.9 Fail
1.1 Fail	—	1.3 Fail	1.8 Fail	2.0 Fail
1.2 Fail	1.3 Fail	—	1.4 Fail	1.6 Fail
1.6 Fail	1.8 Fail	1.4 Fail	—	1.2 Fail
1.9 Fail	2.0 Fail	1.6 Fail	1.2 Fail	—

White BG

2.2Fail

2.4Fail

1.9Fail

1.4Fail

1.2Fail

Black BG

9.5AAA

8.8AAA

11.2AAA

15.4AAA

17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9696A2

ABABB4

D6D5C3

ECECCE

E4E5EA

Deuteranopia

928DA5

ACADB3

DCE3C1

EFF2CE

E3E1EB

Tritanopia

7BA9AB

B1B0AF

FABBB9

FDCFCF

DBECED

Achromatopsia

A4A4A4

AAAAAA

C2C2C2

DFDFDF

EAEAEA

Shades & Tints Shades & Tints

#78BD9A

Dark

Light

#B2A2BA

Dark

Light

#FFA1CE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #78bd9a;
  --color-2: #b2a2ba;
  --color-3: #ffa1ce;
  --color-4: #ffd3cc;
  --color-5: #daf2e8;
}

SCSS

$color-1: #78bd9a;
$color-2: #b2a2ba;
$color-3: #ffa1ce;
$color-4: #ffd3cc;
$color-5: #daf2e8;

TAILWIND

colors: {
  'brand-1': '#78bd9a',
  'brand-2': '#b2a2ba',
  'brand-3': '#ffa1ce',
  'brand-4': '#ffd3cc',
  'brand-5': '#daf2e8',
}

RGB Array

[120, 189, 154], [178, 162, 186], [255, 161, 206], [255, 211, 204], [218, 242, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #78BD9A, #B2A2BA, #FFA1CE, #FFD3CC, #DAF2E8 is ideal for: health products, baby brands, fresh-style blogs. 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: #78bd9a; --color-2: #b2a2ba; --color-3: #ffa1ce; --color-4: #ffd3cc; --color-5: #daf2e8. 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. 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