← Back to Editor

#0EB5AD · #A5C246 · #EBE4DD · #C7520A · #57473D

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#0EB5AD

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0EB5AD
RGB
rgb(14, 181, 173)
HSL
hsl(177, 86%, 38%)
HSB
hsb(177, 92%, 71%)
CMYK
cmyk(92%, 0%, 4%, 29%)
Oklch
oklch(69.8% 0.119 189.2)

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

#A5C246

Grass Green · GreenYellow · Olive Green

HEX
#A5C246
RGB
rgb(165, 194, 70)
HSL
hsl(74, 50%, 52%)
HSB
hsb(74, 64%, 76%)
CMYK
cmyk(15%, 0%, 64%, 24%)
Oklch
oklch(76.8% 0.152 121.3)

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

#EBE4DD

Goose Yellow · Beige · Peach Orange

HEX
#EBE4DD
RGB
rgb(235, 228, 221)
HSL
hsl(30, 26%, 89%)
HSB
hsb(30, 6%, 92%)
CMYK
cmyk(0%, 3%, 6%, 8%)
Oklch
oklch(92.2% 0.012 67.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C7520A

Tangerine · Chocolate · Amber Brown

HEX
#C7520A
RGB
rgb(199, 82, 10)
HSL
hsl(23, 90%, 41%)
HSB
hsb(23, 95%, 78%)
CMYK
cmyk(0%, 59%, 95%, 22%)
Oklch
oklch(58.3% 0.165 44.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#57473D

Tangerine · DarkOliveGreen · Amber Brown

HEX
#57473D
RGB
rgb(87, 71, 61)
HSL
hsl(23, 18%, 29%)
HSB
hsb(23, 30%, 34%)
CMYK
cmyk(0%, 18%, 30%, 66%)
Oklch
oklch(41.1% 0.027 53.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0EB5AD
B40E16

Analogous

0EB459
0EB5AD
0E69B4

Triadic

0EB5AD
AC0EB4
B4AC0E

Split-Comp.

0EB5AD
B40E69
B4590E

Tetradic

0EB5AD
590EB4
B40E16
69B40E

Contrast Matrix WCAG 2.1 Contrast

0EB5AD
A5C246
EBE4DD
C7520A
57473D
—
1.3
Fail
2.0
Fail
1.8
Fail
3.5
AA Large
1.3
Fail
—
1.6
Fail
2.2
Fail
4.4
AA Large
2.0
Fail
1.6
Fail
—
3.6
AA Large
7.0
AAA
1.8
Fail
2.2
Fail
3.6
AA Large
—
2.0
Fail
3.5
AA Large
4.4
AA Large
7.0
AAA
2.0
Fail
—
White BG
2.6Fail
2.0Fail
1.3Fail
4.5AA
8.8AAA
Black BG
8.2AAA
10.4AAA
16.7AAA
4.6AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5658AF
B2B264
E8E8DF
94931B
50503F

Deuteranopia

4D40AF
B0AE6B
E8E9DF
9BA420
515240

Tritanopia

16B0B1
A67C81
EBE0E0
C1292C
564142

Achromatopsia

828282
ABABAB
E5E5E5
6D6D6D
4B4B4B

Shades & Tints Shades & Tints

#0EB5AD

Dark
Light

#A5C246

Dark
Light

#EBE4DD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0eb5ad;
  --color-2: #a5c246;
  --color-3: #ebe4dd;
  --color-4: #c7520a;
  --color-5: #57473d;
}

SCSS

$color-1: #0eb5ad;
$color-2: #a5c246;
$color-3: #ebe4dd;
$color-4: #c7520a;
$color-5: #57473d;

TAILWIND

colors: {
  'brand-1': '#0eb5ad',
  'brand-2': '#a5c246',
  'brand-3': '#ebe4dd',
  'brand-4': '#c7520a',
  'brand-5': '#57473d',
}

RGB Array

[14, 181, 173], [165, 194, 70], [235, 228, 221], [199, 82, 10], [87, 71, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #0EB5AD, #A5C246, #EBE4DD, #C7520A, #57473D is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #0eb5ad; --color-2: #a5c246; --color-3: #ebe4dd; --color-4: #c7520a; --color-5: #57473d. 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 tech, SaaS, healthcare, eco industries. 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