#FFDBC9 + #FCB3C4 + #BABABA + #6BBCBD + #BCD4C5 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFDBC9

Apricot · Bisque · Peach Orange

HEX

#FFDBC9

RGB

rgb(255, 219, 201)

HSL

hsl(20, 100%, 89%)

HSB

hsb(20, 21%, 100%)

CMYK

cmyk(0%, 14%, 21%, 0%)

Oklch

oklch(91.7% 0.047 48.2)

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

#FCB3C4

Peach Pink · LightPink · Cherry Blossom

HEX

#FCB3C4

RGB

rgb(252, 179, 196)

HSL

hsl(346, 92%, 85%)

HSB

hsb(346, 29%, 99%)

CMYK

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

Oklch

oklch(84.0% 0.087 3.8)

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

#BABABA

Silver Gray · Silver · Pearl Gray

HEX

#BABABA

RGB

rgb(186, 186, 186)

HSL

hsl(0, 0%, 73%)

HSB

hsb(0, 0%, 73%)

CMYK

cmyk(0%, 0%, 0%, 27%)

Oklch

oklch(78.9% 0.000 89.9)

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

#6BBCBD

Slate Blue · MediumAquaMarine · Lake Green

HEX

#6BBCBD

RGB

rgb(107, 188, 189)

HSL

hsl(181, 38%, 58%)

HSB

hsb(181, 43%, 74%)

CMYK

cmyk(43%, 1%, 0%, 26%)

Oklch

oklch(74.4% 0.080 196.6)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#BCD4C5

Celadon · Silver · Apple Green

HEX

#BCD4C5

RGB

rgb(188, 212, 197)

HSL

hsl(143, 22%, 78%)

HSB

hsb(143, 11%, 83%)

CMYK

cmyk(11%, 0%, 7%, 17%)

Oklch

oklch(84.8% 0.033 158.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDBC9

C7ECFF

Analogous

FFC7D0

FFDBC9

FFF6C7

Triadic

FFDBC9

C7FFDA

DAC7FF

Split-Comp.

FFDBC9

C7FFF6

C7D0FF

Tetradic

FFDBC9

D0FFC7

C7ECFF

F6C7FF

Contrast Matrix WCAG 2.1 Contrast

FFDBC9	FCB3C4	BABABA	6BBCBD	BCD4C5
—	1.3 Fail	1.5 Fail	1.7 Fail	1.2 Fail
1.3 Fail	—	1.1 Fail	1.3 Fail	1.1 Fail
1.5 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.7 Fail	1.3 Fail	1.1 Fail	—	1.4 Fail
1.2 Fail	1.1 Fail	1.2 Fail	1.4 Fail	—

White BG

1.3Fail

1.7Fail

1.9Fail

2.2Fail

1.6Fail

Black BG

16.2AAA

12.4AAA

10.8AAA

9.6AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFCD

DCDCC0

BABABA

8E8FBD

C6C7C9

Deuteranopia

F2F4CE

E1E6BF

BABABA

8983BD

C5C3C9

Tritanopia

FDD1D2

F8BDBC

BABABA

6FBDBD

BDCBCC

Achromatopsia

E4E4E4

CBCBCB

BABABA

A4A4A4

CBCBCB

Shades & Tints Shades & Tints

#FFDBC9

Dark

Light

#FCB3C4

Dark

Light

#BABABA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffdbc9;
  --color-2: #fcb3c4;
  --color-3: #bababa;
  --color-4: #6bbcbd;
  --color-5: #bcd4c5;
}

SCSS

$color-1: #ffdbc9;
$color-2: #fcb3c4;
$color-3: #bababa;
$color-4: #6bbcbd;
$color-5: #bcd4c5;

TAILWIND

colors: {
  'brand-1': '#ffdbc9',
  'brand-2': '#fcb3c4',
  'brand-3': '#bababa',
  'brand-4': '#6bbcbd',
  'brand-5': '#bcd4c5',
}

RGB Array

[255, 219, 201], [252, 179, 196], [186, 186, 186], [107, 188, 189], [188, 212, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FFDBC9, #FCB3C4, #BABABA, #6BBCBD, #BCD4C5 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: #ffdbc9; --color-2: #fcb3c4; --color-3: #bababa; --color-4: #6bbcbd; --color-5: #bcd4c5. 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