← Back to Editor

#DBD3AF · #FCF6E1 · #ECECDB · #7CBEDD · #62CCFD

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#DBD3AF

Goose Yellow · Wheat · Lemon Cream

HEX
#DBD3AF
RGB
rgb(219, 211, 175)
HSL
hsl(49, 38%, 77%)
HSB
hsb(49, 20%, 86%)
CMYK
cmyk(0%, 4%, 20%, 14%)
Oklch
oklch(86.4% 0.049 96.9)

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

#FCF6E1

Goose Yellow · Linen · Lemon Cream

HEX
#FCF6E1
RGB
rgb(252, 246, 225)
HSL
hsl(47, 82%, 94%)
HSB
hsb(47, 11%, 99%)
CMYK
cmyk(0%, 2%, 11%, 1%)
Oklch
oklch(97.2% 0.028 93.7)

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

#ECECDB

Fresh Green · Beige · Lemon Cream

HEX
#ECECDB
RGB
rgb(236, 236, 219)
HSL
hsl(60, 31%, 89%)
HSB
hsb(60, 7%, 93%)
CMYK
cmyk(0%, 0%, 7%, 7%)
Oklch
oklch(93.8% 0.023 106.8)

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

#7CBEDD

Sky Blue · SkyBlue · Lake Green

HEX
#7CBEDD
RGB
rgb(124, 190, 221)
HSL
hsl(199, 59%, 68%)
HSB
hsb(199, 44%, 87%)
CMYK
cmyk(44%, 14%, 0%, 13%)
Oklch
oklch(76.9% 0.080 229.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#62CCFD

Sky Blue · LightSkyBlue · Lake Green

HEX
#62CCFD
RGB
rgb(98, 204, 253)
HSL
hsl(199, 97%, 69%)
HSB
hsb(199, 61%, 99%)
CMYK
cmyk(61%, 19%, 0%, 1%)
Oklch
oklch(80.2% 0.120 230.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBD3AF
AEB6DB

Analogous

DBBCAE
DBD3AF
CDDBAE

Triadic

DBD3AF
AEDBD2
D2AEDB

Split-Comp.

DBD3AF
AECDDB
BCAEDB

Tetradic

DBD3AF
AEDBBC
AEB6DB
DBAECD

Contrast Matrix WCAG 2.1 Contrast

DBD3AF
FCF6E1
ECECDB
7CBEDD
62CCFD
—
1.4
Fail
1.3
Fail
1.4
Fail
1.2
Fail
1.4
Fail
—
1.1
Fail
1.9
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
1.7
Fail
1.5
Fail
1.4
Fail
1.9
Fail
1.7
Fail
—
1.1
Fail
1.2
Fail
1.7
Fail
1.5
Fail
1.1
Fail
—
White BG
1.5Fail
1.1Fail
1.2Fail
2.0Fail
1.8Fail
Black BG
13.9AAA
19.4AAA
17.6AAA
10.3AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D7B8
F9F9E6
ECECDF
9999D5
9091F1

Deuteranopia

D8D9BA
FAFAE7
ECECE0
9590D4
8A82EE

Tritanopia

DBBFC0
FCEAEB
ECE2E3
7FD0CE
67E8E6

Achromatopsia

D1D1D1
F5F5F5
EAEAEA
AEAEAE
B2B2B2

Shades & Tints Shades & Tints

#DBD3AF

Dark
Light

#FCF6E1

Dark
Light

#ECECDB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbd3af;
  --color-2: #fcf6e1;
  --color-3: #ececdb;
  --color-4: #7cbedd;
  --color-5: #62ccfd;
}

SCSS

$color-1: #dbd3af;
$color-2: #fcf6e1;
$color-3: #ececdb;
$color-4: #7cbedd;
$color-5: #62ccfd;

TAILWIND

colors: {
  'brand-1': '#dbd3af',
  'brand-2': '#fcf6e1',
  'brand-3': '#ececdb',
  'brand-4': '#7cbedd',
  'brand-5': '#62ccfd',
}

RGB Array

[219, 211, 175], [252, 246, 225], [236, 236, 219], [124, 190, 221], [98, 204, 253]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DBD3AF, #FCF6E1, #ECECDB, #7CBEDD, #62CCFD 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: #dbd3af; --color-2: #fcf6e1; --color-3: #ececdb; --color-4: #7cbedd; --color-5: #62ccfd. 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