← Back to Editor

#DDD92F · #8DB63E · #008086 · #5B2F90 · #CC2688

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

#DDD92F

Autumn Sage · GoldenRod · Sunflower

HEX
#DDD92F
RGB
rgb(221, 217, 47)
HSL
hsl(59, 72%, 53%)
HSB
hsb(59, 79%, 87%)
CMYK
cmyk(0%, 2%, 79%, 13%)
Oklch
oklch(86.1% 0.175 108.1)

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

#8DB63E

Grass Green · GreenYellow · Olive Green

HEX
#8DB63E
RGB
rgb(141, 182, 62)
HSL
hsl(81, 49%, 48%)
HSB
hsb(81, 66%, 71%)
CMYK
cmyk(23%, 0%, 66%, 29%)
Oklch
oklch(72.3% 0.154 126.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#008086

Lake Blue · Teal · Mint Ice

HEX
#008086
RGB
rgb(0, 128, 134)
HSL
hsl(183, 100%, 26%)
HSB
hsb(183, 100%, 53%)
CMYK
cmyk(100%, 4%, 0%, 47%)
Oklch
oklch(54.5% 0.093 200.6)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#5B2F90

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#5B2F90
RGB
rgb(91, 47, 144)
HSL
hsl(267, 51%, 37%)
HSB
hsb(267, 67%, 56%)
CMYK
cmyk(37%, 67%, 0%, 44%)
Oklch
oklch(41.5% 0.153 300.7)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#CC2688

Rose Purple · MediumVioletRed · Camellia

HEX
#CC2688
RGB
rgb(204, 38, 136)
HSL
hsl(325, 69%, 47%)
HSB
hsb(325, 81%, 80%)
CMYK
cmyk(0%, 81%, 33%, 20%)
Oklch
oklch(57.1% 0.215 350.6)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDD92F
3134DD

Analogous

DD8431
DDD92F
8ADD31

Triadic

DDD92F
31DDDB
DB31DD

Split-Comp.

DDD92F
318ADD
8431DD

Tetradic

DDD92F
31DD84
3134DD
DD318A

Contrast Matrix WCAG 2.1 Contrast

DDD92F
8DB63E
008086
5B2F90
CC2688
—
1.6
Fail
3.2
AA Large
6.2
AA
3.3
AA Large
1.6
Fail
—
2.0
Fail
3.9
AA Large
2.1
Fail
3.2
AA Large
2.0
Fail
—
2.0
Fail
1.1
Fail
6.2
AA
3.9
AA Large
2.0
Fail
—
1.9
Fail
3.3
AA Large
2.1
Fail
1.1
Fail
1.9
Fail
—
White BG
1.5Fail
2.4Fail
4.7AA
9.3AAA
5.0AA
Black BG
14.0AAA
8.9AAA
4.4AA Large
2.3Fail
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDB58
9F9F5B
373985
484879
848370

Deuteranopia

DCDC62
9C9962
302684
4B4E73
8E9A6B

Tritanopia

DD7980
8F7277
068383
596662
C45E59

Achromatopsia

C7C7C7
9C9C9C
5A5A5A
474747
636363

Shades & Tints Shades & Tints

#DDD92F

Dark
Light

#8DB63E

Dark
Light

#008086

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddd92f;
  --color-2: #8db63e;
  --color-3: #008086;
  --color-4: #5b2f90;
  --color-5: #cc2688;
}

SCSS

$color-1: #ddd92f;
$color-2: #8db63e;
$color-3: #008086;
$color-4: #5b2f90;
$color-5: #cc2688;

TAILWIND

colors: {
  'brand-1': '#ddd92f',
  'brand-2': '#8db63e',
  'brand-3': '#008086',
  'brand-4': '#5b2f90',
  'brand-5': '#cc2688',
}

RGB Array

[221, 217, 47], [141, 182, 62], [0, 128, 134], [91, 47, 144], [204, 38, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DDD92F, #8DB63E, #008086, #5B2F90, #CC2688 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #ddd92f; --color-2: #8db63e; --color-3: #008086; --color-4: #5b2f90; --color-5: #cc2688. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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