#D9A3A3 + #E3A3DC + #CCBDE0 + #B8D6D2 + #C7D9CB · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D9A3A3

Peach Pink · Tan · Coral Red

HEX

#D9A3A3

RGB

rgb(217, 163, 163)

HSL

hsl(0, 42%, 75%)

HSB

hsb(0, 25%, 85%)

CMYK

cmyk(0%, 25%, 25%, 15%)

Oklch

oklch(76.6% 0.064 18.7)

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

#E3A3DC

Mauve · Violet · Lilac Purple

HEX

#E3A3DC

RGB

rgb(227, 163, 220)

HSL

hsl(307, 53%, 76%)

HSB

hsb(307, 28%, 89%)

CMYK

cmyk(0%, 28%, 3%, 11%)

Oklch

oklch(79.4% 0.106 330.3)

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

#CCBDE0

Wisteria · LightGray · Lavender

HEX

#CCBDE0

RGB

rgb(204, 189, 224)

HSL

hsl(266, 36%, 81%)

HSB

hsb(266, 16%, 88%)

CMYK

cmyk(9%, 16%, 0%, 12%)

Oklch

oklch(82.2% 0.051 304.7)

Traditional「Wisteria」· Paint「Lavender」· Creative Lavender Dream

#B8D6D2

Jade · LightBlue · Glacier Blue

HEX

#B8D6D2

RGB

rgb(184, 214, 210)

HSL

hsl(172, 27%, 78%)

HSB

hsb(172, 14%, 84%)

CMYK

cmyk(14%, 0%, 2%, 16%)

Oklch

oklch(85.3% 0.032 186.8)

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

#C7D9CB

Celadon · LightGray · Mint Green

HEX

#C7D9CB

RGB

rgb(199, 217, 203)

HSL

hsl(133, 19%, 82%)

HSB

hsb(133, 8%, 85%)

CMYK

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

Oklch

oklch(86.8% 0.027 152.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9A3A3

A4DADA

Analogous

DAA4BF

D9A3A3

DABFA4

Triadic

D9A3A3

A4DAA4

A4A4DA

Split-Comp.

D9A3A3

A4DABF

A4BFDA

Tetradic

D9A3A3

BFDAA4

A4DADA

BFA4DA

Contrast Matrix WCAG 2.1 Contrast

D9A3A3	E3A3DC	CCBDE0	B8D6D2	C7D9CB
—	1.1 Fail	1.2 Fail	1.4 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.3 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.4 Fail	1.3 Fail	1.1 Fail	—	1.0 Fail
1.5 Fail	1.3 Fail	1.2 Fail	1.0 Fail	—

White BG

2.2Fail

2.0Fail

1.8Fail

1.5Fail

Black BG

9.7AAA

10.5AAA

11.9AAA

13.6AAA

14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C1A3

C7C7CE

C6C5D8

C5C5D3

CFCFCE

Deuteranopia

C5C9A3

CBD0CB

C6C7D5

C3C1D3

CECCCF

Tritanopia

D6A3A3

E0C3C1

CBD1CF

B9D4D4

C8D1D2

Achromatopsia

B3B3B3

BDBDBD

C5C5C5

CDCDCD

D2D2D2

Shades & Tints Shades & Tints

#D9A3A3

Dark

Light

#E3A3DC

Dark

Light

#CCBDE0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9a3a3;
  --color-2: #e3a3dc;
  --color-3: #ccbde0;
  --color-4: #b8d6d2;
  --color-5: #c7d9cb;
}

SCSS

$color-1: #d9a3a3;
$color-2: #e3a3dc;
$color-3: #ccbde0;
$color-4: #b8d6d2;
$color-5: #c7d9cb;

TAILWIND

colors: {
  'brand-1': '#d9a3a3',
  'brand-2': '#e3a3dc',
  'brand-3': '#ccbde0',
  'brand-4': '#b8d6d2',
  'brand-5': '#c7d9cb',
}

RGB Array

[217, 163, 163], [227, 163, 220], [204, 189, 224], [184, 214, 210], [199, 217, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D9A3A3, #E3A3DC, #CCBDE0, #B8D6D2, #C7D9CB 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: #d9a3a3; --color-2: #e3a3dc; --color-3: #ccbde0; --color-4: #b8d6d2; --color-5: #c7d9cb. 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