← Back to Editor

#E2D529 · #D7DA52 · #CFDD97 · #BCFACA · #D7D4B4

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

#E2D529

Autumn Sage · GoldenRod · Sunflower

HEX
#E2D529
RGB
rgb(226, 213, 41)
HSL
hsl(56, 76%, 52%)
HSB
hsb(56, 82%, 89%)
CMYK
cmyk(0%, 6%, 82%, 11%)
Oklch
oklch(85.7% 0.173 104.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#D7DA52

Autumn Sage · SandyBrown · Sunflower

HEX
#D7DA52
RGB
rgb(215, 218, 82)
HSL
hsl(61, 65%, 59%)
HSB
hsb(61, 62%, 85%)
CMYK
cmyk(1%, 0%, 62%, 15%)
Oklch
oklch(86.1% 0.156 110.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#CFDD97

Willow Green · Khaki · Apple Green

HEX
#CFDD97
RGB
rgb(207, 221, 151)
HSL
hsl(72, 51%, 73%)
HSB
hsb(72, 32%, 87%)
CMYK
cmyk(6%, 0%, 32%, 13%)
Oklch
oklch(87.0% 0.092 117.6)

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

#BCFACA

Emerald · LightGray · Mint Green

HEX
#BCFACA
RGB
rgb(188, 250, 202)
HSL
hsl(134, 86%, 86%)
HSB
hsb(134, 25%, 98%)
CMYK
cmyk(25%, 0%, 19%, 2%)
Oklch
oklch(93.1% 0.090 151.3)

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

#D7D4B4

Fresh Green · LightGray · Lemon Cream

HEX
#D7D4B4
RGB
rgb(215, 212, 180)
HSL
hsl(55, 30%, 77%)
HSB
hsb(55, 16%, 84%)
CMYK
cmyk(0%, 1%, 16%, 16%)
Oklch
oklch(86.4% 0.043 102.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2D529
2834E2

Analogous

E27828
E2D529
91E228

Triadic

E2D529
28E2D5
D528E2

Split-Comp.

E2D529
2891E2
7828E2

Tetradic

E2D529
28E278
2834E2
E22891

Contrast Matrix WCAG 2.1 Contrast

E2D529
D7DA52
CFDD97
BCFACA
D7D4B4
—
1.0
Fail
1.0
Fail
1.3
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.3
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
1.2
Fail
1.0
Fail
1.3
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.0
Fail
1.0
Fail
1.0
Fail
1.3
Fail
—
White BG
1.5Fail
1.5Fail
1.5Fail
1.2Fail
1.5Fail
Black BG
13.8AAA
14.0AAA
14.4AAA
17.7AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC53
D8D873
D5D5A8
D7D7D6
D6D6BC

Deuteranopia

DDDE5D
D8D87B
D4D3AC
D3CFD8
D6D6BE

Tritanopia

E1737B
D78D93
D0B5B8
BFDFE1
D7C2C3

Achromatopsia

C5C5C5
CACACA
D1D1D1
E2E2E2
D1D1D1

Shades & Tints Shades & Tints

#E2D529

Dark
Light

#D7DA52

Dark
Light

#CFDD97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2d529;
  --color-2: #d7da52;
  --color-3: #cfdd97;
  --color-4: #bcfaca;
  --color-5: #d7d4b4;
}

SCSS

$color-1: #e2d529;
$color-2: #d7da52;
$color-3: #cfdd97;
$color-4: #bcfaca;
$color-5: #d7d4b4;

TAILWIND

colors: {
  'brand-1': '#e2d529',
  'brand-2': '#d7da52',
  'brand-3': '#cfdd97',
  'brand-4': '#bcfaca',
  'brand-5': '#d7d4b4',
}

RGB Array

[226, 213, 41], [215, 218, 82], [207, 221, 151], [188, 250, 202], [215, 212, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E2D529, #D7DA52, #CFDD97, #BCFACA, #D7D4B4 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: #e2d529; --color-2: #d7da52; --color-3: #cfdd97; --color-4: #bcfaca; --color-5: #d7d4b4. 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