← Back to Editor

#E8CD43 · #CFDDB9 · #07B5AB · #009488 · #0B7777

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 AppData Visualization

Color Details Color Details

#E8CD43

Autumn Sage · SandyBrown · Sunflower

HEX
#E8CD43
RGB
rgb(232, 205, 67)
HSL
hsl(50, 78%, 59%)
HSB
hsb(50, 71%, 91%)
CMYK
cmyk(0%, 12%, 71%, 9%)
Oklch
oklch(84.7% 0.153 97.8)

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

#CFDDB9

Willow Green · LightGray · Apple Green

HEX
#CFDDB9
RGB
rgb(207, 221, 185)
HSL
hsl(83, 35%, 80%)
HSB
hsb(83, 16%, 87%)
CMYK
cmyk(6%, 0%, 16%, 13%)
Oklch
oklch(87.7% 0.051 124.7)

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

#07B5AB

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#07B5AB
RGB
rgb(7, 181, 171)
HSL
hsl(177, 93%, 37%)
HSB
hsb(177, 96%, 71%)
CMYK
cmyk(96%, 0%, 6%, 29%)
Oklch
oklch(69.7% 0.120 187.8)

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

#009488

Mineral Blue · Teal · Mint Ice

HEX
#009488
RGB
rgb(0, 148, 136)
HSL
hsl(175, 100%, 29%)
HSB
hsb(175, 100%, 58%)
CMYK
cmyk(100%, 0%, 8%, 42%)
Oklch
oklch(59.9% 0.106 184.8)

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

#0B7777

Lake Blue · Teal · Peacock Green

HEX
#0B7777
RGB
rgb(11, 119, 119)
HSL
hsl(180, 83%, 25%)
HSB
hsb(180, 91%, 47%)
CMYK
cmyk(91%, 0%, 0%, 53%)
Oklch
oklch(51.7% 0.086 194.8)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8CD43
4560E8

Analogous

E87B45
E8CD43
B2E845

Triadic

E8CD43
45E8CD
CD45E8

Split-Comp.

E8CD43
45B2E8
7B45E8

Tetradic

E8CD43
45E87B
4560E8
E845B2

Contrast Matrix WCAG 2.1 Contrast

E8CD43
CFDDB9
07B5AB
009488
0B7777
—
1.1
Fail
1.6
Fail
2.4
Fail
3.4
AA Large
1.1
Fail
—
1.8
Fail
2.6
Fail
3.7
AA Large
1.6
Fail
1.8
Fail
—
1.5
Fail
2.1
Fail
2.4
Fail
2.6
Fail
1.5
Fail
—
1.4
Fail
3.4
AA Large
3.7
AA Large
2.1
Fail
1.4
Fail
—
White BG
1.6Fail
1.4Fail
2.6Fail
3.8AA Large
5.4AA
Black BG
13.2AAA
14.7AAA
8.2AAA
5.6AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC64
D5D5C2
5254AD
40418B
3A3B77

Deuteranopia

DEE06C
D4D3C4
483BAE
382C8C
342B77

Tritanopia

E77F85
D0C9CA
10AFB0
078D8E
107777

Achromatopsia

C5C5C5
D5D5D5
808080
666666
575757

Shades & Tints Shades & Tints

#E8CD43

Dark
Light

#CFDDB9

Dark
Light

#07B5AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8cd43;
  --color-2: #cfddb9;
  --color-3: #07b5ab;
  --color-4: #009488;
  --color-5: #0b7777;
}

SCSS

$color-1: #e8cd43;
$color-2: #cfddb9;
$color-3: #07b5ab;
$color-4: #009488;
$color-5: #0b7777;

TAILWIND

colors: {
  'brand-1': '#e8cd43',
  'brand-2': '#cfddb9',
  'brand-3': '#07b5ab',
  'brand-4': '#009488',
  'brand-5': '#0b7777',
}

RGB Array

[232, 205, 67], [207, 221, 185], [7, 181, 171], [0, 148, 136], [11, 119, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E8CD43, #CFDDB9, #07B5AB, #009488, #0B7777 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #e8cd43; --color-2: #cfddb9; --color-3: #07b5ab; --color-4: #009488; --color-5: #0b7777. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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