#C6B9C5 + #BAA9B3 + #F2D1BD + #F7CBB3 + #D3EBE3 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C6B9C5

Mauve · Silver · Lilac Purple

HEX

#C6B9C5

RGB

rgb(198, 185, 197)

HSL

hsl(305, 10%, 75%)

HSB

hsb(305, 7%, 78%)

CMYK

cmyk(0%, 7%, 1%, 22%)

Oklch

oklch(80.0% 0.022 328.1)

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

#BAA9B3

Mauve · DarkGray · Rose Pink

HEX

#BAA9B3

RGB

rgb(186, 169, 179)

HSL

hsl(325, 11%, 70%)

HSB

hsb(325, 9%, 73%)

CMYK

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

Oklch

oklch(75.2% 0.024 341.5)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#F2D1BD

Apricot · Wheat · Peach Orange

HEX

#F2D1BD

RGB

rgb(242, 209, 189)

HSL

hsl(23, 67%, 85%)

HSB

hsb(23, 22%, 95%)

CMYK

cmyk(0%, 14%, 22%, 5%)

Oklch

oklch(88.3% 0.046 53.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F7CBB3

Apricot · Wheat · Peach Orange

HEX

#F7CBB3

RGB

rgb(247, 203, 179)

HSL

hsl(21, 81%, 84%)

HSB

hsb(21, 28%, 97%)

CMYK

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

Oklch

oklch(87.4% 0.060 50.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D3EBE3

Jade · LightGray · Glacier Blue

HEX

#D3EBE3

RGB

rgb(211, 235, 227)

HSL

hsl(160, 37%, 87%)

HSB

hsb(160, 10%, 92%)

CMYK

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

Oklch

oklch(92.0% 0.027 173.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6B9C5

B9C6BA

Analogous

C0B9C6

C6B9C5

C6B9BE

Triadic

C6B9C5

C5C6B9

B9C5C6

Split-Comp.

C6B9C5

BEC6B9

B9C6C0

Tetradic

C6B9C5

C6C0B9

B9C6BA

B9BEC6

Contrast Matrix WCAG 2.1 Contrast

C6B9C5	BAA9B3	F2D1BD	F7CBB3	D3EBE3
—	1.2 Fail	1.3 Fail	1.3 Fail	1.5 Fail
1.2 Fail	—	1.6 Fail	1.5 Fail	1.8 Fail
1.3 Fail	1.6 Fail	—	1.0 Fail	1.1 Fail
1.3 Fail	1.5 Fail	1.0 Fail	—	1.2 Fail
1.5 Fail	1.8 Fail	1.1 Fail	1.2 Fail	—

White BG

1.9Fail

2.2Fail

1.4Fail

1.5Fail

1.3Fail

Black BG

11.1AAA

9.4AAA

14.6AAA

14.1AAA

16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C0C2

B3B2B1

E4E3C2

E4E4B9

DDDEE5

Deuteranopia

C1C2C1

B4B5B0

E6E8C3

E7EABA

DCDAE5

Tritanopia

C5C0BF

B9AFAE

F0C6C7

F5BDBE

D4E6E7

Achromatopsia

BEBEBE

AFAFAF

D9D9D9

D5D5D5

E3E3E3

Shades & Tints Shades & Tints

#C6B9C5

Dark

Light

#BAA9B3

Dark

Light

#F2D1BD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6b9c5;
  --color-2: #baa9b3;
  --color-3: #f2d1bd;
  --color-4: #f7cbb3;
  --color-5: #d3ebe3;
}

SCSS

$color-1: #c6b9c5;
$color-2: #baa9b3;
$color-3: #f2d1bd;
$color-4: #f7cbb3;
$color-5: #d3ebe3;

TAILWIND

colors: {
  'brand-1': '#c6b9c5',
  'brand-2': '#baa9b3',
  'brand-3': '#f2d1bd',
  'brand-4': '#f7cbb3',
  'brand-5': '#d3ebe3',
}

RGB Array

[198, 185, 197], [186, 169, 179], [242, 209, 189], [247, 203, 179], [211, 235, 227]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C6B9C5, #BAA9B3, #F2D1BD, #F7CBB3, #D3EBE3 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: #c6b9c5; --color-2: #baa9b3; --color-3: #f2d1bd; --color-4: #f7cbb3; --color-5: #d3ebe3. 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