#DBCEAC + #BFB09D + #A89183 + #F263A1 + #DF4EE7 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DBCEAC

Goose Yellow · Wheat · Lemon Cream

HEX

#DBCEAC

RGB

rgb(219, 206, 172)

HSL

hsl(43, 39%, 77%)

HSB

hsb(43, 21%, 86%)

CMYK

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

Oklch

oklch(85.3% 0.048 89.6)

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

#BFB09D

Ginger · Tan · Warm Sun

HEX

#BFB09D

RGB

rgb(191, 176, 157)

HSL

hsl(34, 21%, 68%)

HSB

hsb(34, 18%, 75%)

CMYK

cmyk(0%, 8%, 18%, 25%)

Oklch

oklch(76.5% 0.032 73.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#A89183

Tangerine · Gray · Warm Sun

HEX

#A89183

RGB

rgb(168, 145, 131)

HSL

hsl(23, 18%, 59%)

HSB

hsb(23, 22%, 66%)

CMYK

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

Oklch

oklch(67.3% 0.034 53.3)

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

#F263A1

Rouge · LightCoral · Rose Pink

HEX

#F263A1

RGB

rgb(242, 99, 161)

HSL

hsl(334, 85%, 67%)

HSB

hsb(334, 59%, 95%)

CMYK

cmyk(0%, 59%, 33%, 5%)

Oklch

oklch(69.6% 0.185 356.0)

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

#DF4EE7

Lilac · Orchid · Lilac Purple

HEX

#DF4EE7

RGB

rgb(223, 78, 231)

HSL

hsl(297, 76%, 61%)

HSB

hsb(297, 66%, 91%)

CMYK

cmyk(3%, 66%, 0%, 9%)

Oklch

oklch(67.8% 0.246 325.7)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBCEAC

ADBADB

Analogous

DBB7AD

DBCEAC

D1DBAD

Triadic

DBCEAC

ADDBCE

CEADDB

Split-Comp.

DBCEAC

ADD1DB

B7ADDB

Tetradic

DBCEAC

ADDBB7

ADBADB

DBADD1

Contrast Matrix WCAG 2.1 Contrast

DBCEAC	BFB09D	A89183	F263A1	DF4EE7
—	1.4 Fail	1.9 Fail	1.9 Fail	2.1 Fail
1.4 Fail	—	1.4 Fail	1.4 Fail	1.6 Fail
1.9 Fail	1.4 Fail	—	1.0 Fail	1.1 Fail
1.9 Fail	1.4 Fail	1.0 Fail	—	1.1 Fail
2.1 Fail	1.6 Fail	1.1 Fail	1.1 Fail	—

White BG

1.6Fail

2.1Fail

3.0Fail

3.3AA Large

Black BG

13.4AAA

9.9AAA

7.0AAA

7.1AAA

6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5B4

B9B8A2

9E9E86

B4B392

A09FC2

Deuteranopia

D6D7B6

B9BBA3

9FA187

BCC78E

A9B4B9

Tritanopia

DABBBC

BEA5A6

A7898A

EB8684

D8A59E

Achromatopsia

CECECE

B2B2B2

969696

959595

8B8B8B

Shades & Tints Shades & Tints

#DBCEAC

Dark

Light

#BFB09D

Dark

Light

#A89183

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbceac;
  --color-2: #bfb09d;
  --color-3: #a89183;
  --color-4: #f263a1;
  --color-5: #df4ee7;
}

SCSS

$color-1: #dbceac;
$color-2: #bfb09d;
$color-3: #a89183;
$color-4: #f263a1;
$color-5: #df4ee7;

TAILWIND

colors: {
  'brand-1': '#dbceac',
  'brand-2': '#bfb09d',
  'brand-3': '#a89183',
  'brand-4': '#f263a1',
  'brand-5': '#df4ee7',
}

RGB Array

[219, 206, 172], [191, 176, 157], [168, 145, 131], [242, 99, 161], [223, 78, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DBCEAC, #BFB09D, #A89183, #F263A1, #DF4EE7 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: #dbceac; --color-2: #bfb09d; --color-3: #a89183; --color-4: #f263a1; --color-5: #df4ee7. 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