← Back to Editor

#BCDFCB · #B7987B · #FFD6B6 · #FBECC1 · #FFFBD6

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#BCDFCB

Celadon · LightGray · Mint Green

HEX
#BCDFCB
RGB
rgb(188, 223, 203)
HSL
hsl(146, 35%, 81%)
HSB
hsb(146, 16%, 87%)
CMYK
cmyk(16%, 0%, 9%, 13%)
Oklch
oklch(87.3% 0.046 160.3)

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

#B7987B

Tangerine · Tan · Warm Sun

HEX
#B7987B
RGB
rgb(183, 152, 123)
HSL
hsl(29, 29%, 60%)
HSB
hsb(29, 33%, 72%)
CMYK
cmyk(0%, 17%, 33%, 28%)
Oklch
oklch(70.0% 0.055 64.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FFD6B6

Apricot · Wheat · Peach Orange

HEX
#FFD6B6
RGB
rgb(255, 214, 182)
HSL
hsl(26, 100%, 86%)
HSB
hsb(26, 29%, 100%)
CMYK
cmyk(0%, 16%, 29%, 0%)
Oklch
oklch(90.3% 0.063 59.8)

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

#FBECC1

Goose Yellow · Bisque · Lemon Cream

HEX
#FBECC1
RGB
rgb(251, 236, 193)
HSL
hsl(44, 88%, 87%)
HSB
hsb(44, 23%, 98%)
CMYK
cmyk(0%, 6%, 23%, 2%)
Oklch
oklch(94.4% 0.058 91.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFFBD6

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFBD6
RGB
rgb(255, 251, 214)
HSL
hsl(54, 100%, 92%)
HSB
hsb(54, 16%, 100%)
CMYK
cmyk(0%, 2%, 16%, 0%)
Oklch
oklch(98.2% 0.048 102.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BCDFCB
E0BED1

Analogous

C0E0BE
BCDFCB
BEE0DD

Triadic

BCDFCB
CCBEE0
E0CCBE

Split-Comp.

BCDFCB
DDBEE0
E0BEC0

Tetradic

BCDFCB
BEC0E0
E0BED1
E0DDBE

Contrast Matrix WCAG 2.1 Contrast

BCDFCB
B7987B
FFD6B6
FBECC1
FFFBD6
—
1.9
Fail
1.1
Fail
1.2
Fail
1.4
Fail
1.9
Fail
—
2.0
Fail
2.3
Fail
2.6
Fail
1.1
Fail
2.0
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
2.3
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
2.6
Fail
1.3
Fail
1.1
Fail
—
White BG
1.4Fail
2.7Fail
1.4Fail
1.2Fail
1.0Fail
Black BG
14.6AAA
7.8AAA
15.5AAA
17.9AAA
20.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBD0
AAA982
EDEDBE
F5F4CB
FDFDDF

Deuteranopia

C9C7D1
ABAE84
F0F3C0
F5F7CE
FEFEE1

Tritanopia

BED4D5
B58889
FDC4C5
FAD4D5
FFE6E8

Achromatopsia

D2D2D2
9E9E9E
DFDFDF
ECECEC
F8F8F8

Shades & Tints Shades & Tints

#BCDFCB

Dark
Light

#B7987B

Dark
Light

#FFD6B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bcdfcb;
  --color-2: #b7987b;
  --color-3: #ffd6b6;
  --color-4: #fbecc1;
  --color-5: #fffbd6;
}

SCSS

$color-1: #bcdfcb;
$color-2: #b7987b;
$color-3: #ffd6b6;
$color-4: #fbecc1;
$color-5: #fffbd6;

TAILWIND

colors: {
  'brand-1': '#bcdfcb',
  'brand-2': '#b7987b',
  'brand-3': '#ffd6b6',
  'brand-4': '#fbecc1',
  'brand-5': '#fffbd6',
}

RGB Array

[188, 223, 203], [183, 152, 123], [255, 214, 182], [251, 236, 193], [255, 251, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #BCDFCB, #B7987B, #FFD6B6, #FBECC1, #FFFBD6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bcdfcb; --color-2: #b7987b; --color-3: #ffd6b6; --color-4: #fbecc1; --color-5: #fffbd6. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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