#DE90C8 + #C3B7BD + #ACD6A9 + #94F495 + #C4DAC9 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DE90C8

Mauve · Orchid · Lilac Purple

HEX

#DE90C8

RGB

rgb(222, 144, 200)

HSL

hsl(317, 54%, 72%)

HSB

hsb(317, 35%, 87%)

CMYK

cmyk(0%, 35%, 10%, 13%)

Oklch

oklch(75.0% 0.118 337.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#C3B7BD

Rouge · Silver · Pearl Gray

HEX

#C3B7BD

RGB

rgb(195, 183, 189)

HSL

hsl(330, 9%, 74%)

HSB

hsb(330, 6%, 76%)

CMYK

cmyk(0%, 6%, 3%, 24%)

Oklch

oklch(79.1% 0.016 345.7)

Traditional「Rouge」· Paint「Pearl Gray」· Creative Silver Lining

#ACD6A9

Celadon · Silver · Apple Green

HEX

#ACD6A9

RGB

rgb(172, 214, 169)

HSL

hsl(116, 35%, 75%)

HSB

hsb(116, 21%, 84%)

CMYK

cmyk(20%, 0%, 21%, 16%)

Oklch

oklch(83.4% 0.076 143.1)

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

#94F495

Emerald · LightGreen · Apple Green

HEX

#94F495

RGB

rgb(148, 244, 149)

HSL

hsl(121, 81%, 77%)

HSB

hsb(121, 39%, 96%)

CMYK

cmyk(39%, 0%, 39%, 4%)

Oklch

oklch(88.5% 0.157 144.3)

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

#C4DAC9

Celadon · LightGray · Mint Green

HEX

#C4DAC9

RGB

rgb(196, 218, 201)

HSL

hsl(134, 23%, 81%)

HSB

hsb(134, 10%, 85%)

CMYK

cmyk(10%, 0%, 8%, 15%)

Oklch

oklch(86.7% 0.033 152.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE90C8

91DEA7

Analogous

CD91DE

DE90C8

DE91A2

Triadic

DE90C8

C8DE91

91C8DE

Split-Comp.

DE90C8

A2DE91

91DECD

Tetradic

DE90C8

DECD91

91DEA7

91A2DE

Contrast Matrix WCAG 2.1 Contrast

DE90C8	C3B7BD	ACD6A9	94F495	C4DAC9
—	1.2 Fail	1.4 Fail	1.8 Fail	1.6 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.3 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.1 Fail
1.8 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.6 Fail	1.3 Fail	1.1 Fail	1.1 Fail	—

White BG

2.4Fail

1.9Fail

1.6Fail

1.3Fail

1.5Fail

Black BG

8.9AAA

10.8AAA

12.9AAA

15.6AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCBA

BEBEBC

BEBFB4

BEBEAC

CECECD

Deuteranopia

C1C7B7

BFBFBB

BCB9B7

B8B1B2

CCCBCE

Tritanopia

DAB0AD

C2BABA

AEBCBE

99BEC2

C5D0D1

Achromatopsia

AEAEAE

BBBBBB

C4C4C4

CCCCCC

D1D1D1

Shades & Tints Shades & Tints

#DE90C8

Dark

Light

#C3B7BD

Dark

Light

#ACD6A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de90c8;
  --color-2: #c3b7bd;
  --color-3: #acd6a9;
  --color-4: #94f495;
  --color-5: #c4dac9;
}

SCSS

$color-1: #de90c8;
$color-2: #c3b7bd;
$color-3: #acd6a9;
$color-4: #94f495;
$color-5: #c4dac9;

TAILWIND

colors: {
  'brand-1': '#de90c8',
  'brand-2': '#c3b7bd',
  'brand-3': '#acd6a9',
  'brand-4': '#94f495',
  'brand-5': '#c4dac9',
}

RGB Array

[222, 144, 200], [195, 183, 189], [172, 214, 169], [148, 244, 149], [196, 218, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DE90C8, #C3B7BD, #ACD6A9, #94F495, #C4DAC9 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: #de90c8; --color-2: #c3b7bd; --color-3: #acd6a9; --color-4: #94f495; --color-5: #c4dac9. 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