← Back to Editor

#F5DE5F · #E2DC86 · #D0DBAD · #BEDAD4 · #ACD9FB

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

#F5DE5F

Fresh Green · Khaki · Sunflower

HEX
#F5DE5F
RGB
rgb(245, 222, 95)
HSL
hsl(51, 88%, 67%)
HSB
hsb(51, 61%, 96%)
CMYK
cmyk(0%, 9%, 61%, 4%)
Oklch
oklch(89.6% 0.147 99.1)

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

#E2DC86

Fresh Green · Khaki · Sunflower

HEX
#E2DC86
RGB
rgb(226, 220, 134)
HSL
hsl(56, 61%, 71%)
HSB
hsb(56, 41%, 89%)
CMYK
cmyk(0%, 3%, 41%, 11%)
Oklch
oklch(88.0% 0.108 104.9)

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

#D0DBAD

Willow Green · Silver · Apple Green

HEX
#D0DBAD
RGB
rgb(208, 219, 173)
HSL
hsl(74, 39%, 77%)
HSB
hsb(74, 21%, 86%)
CMYK
cmyk(5%, 0%, 21%, 14%)
Oklch
oklch(87.1% 0.062 118.6)

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

#BEDAD4

Jade · LightGray · Glacier Blue

HEX
#BEDAD4
RGB
rgb(190, 218, 212)
HSL
hsl(167, 27%, 80%)
HSB
hsb(167, 13%, 85%)
CMYK
cmyk(13%, 0%, 3%, 15%)
Oklch
oklch(86.6% 0.031 181.2)

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

#ACD9FB

Sky Blue · LightBlue · Sky Blue

HEX
#ACD9FB
RGB
rgb(172, 217, 251)
HSL
hsl(206, 91%, 83%)
HSB
hsb(206, 31%, 98%)
CMYK
cmyk(31%, 14%, 0%, 2%)
Oklch
oklch(86.5% 0.067 241.1)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5DE5F
6177F5

Analogous

F59561
F5DE5F
C1F561

Triadic

F5DE5F
61F5DF
DF61F5

Split-Comp.

F5DE5F
61C1F5
9561F5

Tetradic

F5DE5F
61F595
6177F5
F561C1

Contrast Matrix WCAG 2.1 Contrast

F5DE5F
E2DC86
D0DBAD
BEDAD4
ACD9FB
—
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
White BG
1.4Fail
1.4Fail
1.5Fail
1.5Fail
1.5Fail
Black BG
15.5AAA
14.8AAA
14.4AAA
14.2AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEB7E
DFDF9B
D5D5B8
CACAD5
BFC0F3

Deuteranopia

ECEE85
E0E0A0
D4D3BB
C9C6D6
BDBAF1

Tritanopia

F4969B
E2ABAF
D1C1C3
BFD7D7
AEECEB

Achromatopsia

D6D6D6
D4D4D4
D2D2D2
D1D1D1
CFCFCF

Shades & Tints Shades & Tints

#F5DE5F

Dark
Light

#E2DC86

Dark
Light

#D0DBAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5de5f;
  --color-2: #e2dc86;
  --color-3: #d0dbad;
  --color-4: #bedad4;
  --color-5: #acd9fb;
}

SCSS

$color-1: #f5de5f;
$color-2: #e2dc86;
$color-3: #d0dbad;
$color-4: #bedad4;
$color-5: #acd9fb;

TAILWIND

colors: {
  'brand-1': '#f5de5f',
  'brand-2': '#e2dc86',
  'brand-3': '#d0dbad',
  'brand-4': '#bedad4',
  'brand-5': '#acd9fb',
}

RGB Array

[245, 222, 95], [226, 220, 134], [208, 219, 173], [190, 218, 212], [172, 217, 251]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F5DE5F, #E2DC86, #D0DBAD, #BEDAD4, #ACD9FB 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: #f5de5f; --color-2: #e2dc86; --color-3: #d0dbad; --color-4: #bedad4; --color-5: #acd9fb. 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