← Back to Editor

#076E73 · #0EB482 · #23FF95 · #88C18B · #938F75

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

#076E73

Lake Blue · Teal · Peacock Green

HEX
#076E73
RGB
rgb(7, 110, 115)
HSL
hsl(183, 89%, 24%)
HSB
hsb(183, 94%, 45%)
CMYK
cmyk(94%, 4%, 0%, 55%)
Oklch
oklch(49.0% 0.082 200.5)

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

#0EB482

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0EB482
RGB
rgb(14, 180, 130)
HSL
hsl(162, 86%, 38%)
HSB
hsb(162, 92%, 71%)
CMYK
cmyk(92%, 0%, 28%, 29%)
Oklch
oklch(68.3% 0.142 164.5)

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

#23FF95

Mineral Blue · MediumSpringGreen · Olive Green

HEX
#23FF95
RGB
rgb(35, 255, 149)
HSL
hsl(151, 100%, 57%)
HSB
hsb(151, 86%, 100%)
CMYK
cmyk(86%, 0%, 42%, 0%)
Oklch
oklch(88.0% 0.214 154.5)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#88C18B

Celadon · DarkSeaGreen · Apple Green

HEX
#88C18B
RGB
rgb(136, 193, 139)
HSL
hsl(123, 31%, 65%)
HSB
hsb(123, 30%, 76%)
CMYK
cmyk(30%, 0%, 28%, 24%)
Oklch
oklch(75.7% 0.097 145.8)

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

#938F75

Autumn Sage · Gray · Sunflower

HEX
#938F75
RGB
rgb(147, 143, 117)
HSL
hsl(52, 12%, 52%)
HSB
hsb(52, 20%, 58%)
CMYK
cmyk(0%, 3%, 20%, 42%)
Oklch
oklch(64.6% 0.037 100.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

076E73
740C07

Analogous

077443
076E73
073874

Triadic

076E73
74076E
6E7407

Split-Comp.

076E73
740738
744307

Tetradic

076E73
430774
740C07
387407

Contrast Matrix WCAG 2.1 Contrast

076E73
0EB482
23FF95
88C18B
938F75
—
2.3
Fail
4.5
AA
2.9
Fail
1.8
Fail
2.3
Fail
—
2.0
Fail
1.3
Fail
1.2
Fail
4.5
AA
2.0
Fail
—
1.6
Fail
2.5
Fail
2.9
Fail
1.3
Fail
1.6
Fail
—
1.6
Fail
1.8
Fail
1.2
Fail
2.5
Fail
1.6
Fail
—
White BG
6.0AA
2.7Fail
1.3Fail
2.1Fail
3.3AA Large
Black BG
3.5AA Large
7.9AAA
15.8AAA
10.0AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343572
56578E
8284AF
A1A198
91917B

Deuteranopia

2E2672
4C4091
7665B5
9D999B
92927D

Tritanopia

0C7171
16989A
2EC3C7
8BA2A5
938081

Achromatopsia

505050
7D7D7D
B1B1B1
AAAAAA
8D8D8D

Shades & Tints Shades & Tints

#076E73

Dark
Light

#0EB482

Dark
Light

#23FF95

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #076e73;
  --color-2: #0eb482;
  --color-3: #23ff95;
  --color-4: #88c18b;
  --color-5: #938f75;
}

SCSS

$color-1: #076e73;
$color-2: #0eb482;
$color-3: #23ff95;
$color-4: #88c18b;
$color-5: #938f75;

TAILWIND

colors: {
  'brand-1': '#076e73',
  'brand-2': '#0eb482',
  'brand-3': '#23ff95',
  'brand-4': '#88c18b',
  'brand-5': '#938f75',
}

RGB Array

[7, 110, 115], [14, 180, 130], [35, 255, 149], [136, 193, 139], [147, 143, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #076E73, #0EB482, #23FF95, #88C18B, #938F75 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: #076e73; --color-2: #0eb482; --color-3: #23ff95; --color-4: #88c18b; --color-5: #938f75. 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