← Back to Editor

#14CAB4 · #81E0C0 · #BCDCB1 · #533E35 · #FA5262

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

#14CAB4

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#14CAB4
RGB
rgb(20, 202, 180)
HSL
hsl(173, 82%, 44%)
HSB
hsb(173, 90%, 79%)
CMYK
cmyk(90%, 0%, 11%, 21%)
Oklch
oklch(75.4% 0.133 181.1)

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

#81E0C0

Jade · MediumAquaMarine · Lake Green

HEX
#81E0C0
RGB
rgb(129, 224, 192)
HSL
hsl(160, 61%, 69%)
HSB
hsb(160, 42%, 88%)
CMYK
cmyk(42%, 0%, 14%, 12%)
Oklch
oklch(83.9% 0.102 170.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#BCDCB1

Celadon · Silver · Apple Green

HEX
#BCDCB1
RGB
rgb(188, 220, 177)
HSL
hsl(105, 38%, 78%)
HSB
hsb(105, 20%, 86%)
CMYK
cmyk(15%, 0%, 20%, 14%)
Oklch
oklch(86.0% 0.067 137.7)

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

#533E35

Tangerine · DarkOliveGreen · Amber Brown

HEX
#533E35
RGB
rgb(83, 62, 53)
HSL
hsl(18, 22%, 27%)
HSB
hsb(18, 36%, 33%)
CMYK
cmyk(0%, 25%, 36%, 67%)
Oklch
oklch(38.4% 0.033 44.3)

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

#FA5262

Peach Pink · Tomato · Coral Red

HEX
#FA5262
RGB
rgb(250, 82, 98)
HSL
hsl(354, 94%, 65%)
HSB
hsb(354, 67%, 98%)
CMYK
cmyk(0%, 67%, 61%, 2%)
Oklch
oklch(67.3% 0.203 19.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

14CAB4
CC142A

Analogous

14CC5B
14CAB4
1486CC

Triadic

14CAB4
B714CC
CCB714

Split-Comp.

14CAB4
CC1486
CC5B14

Tetradic

14CAB4
5B14CC
CC142A
86CC14

Contrast Matrix WCAG 2.1 Contrast

14CAB4
81E0C0
BCDCB1
533E35
FA5262
—
1.3
Fail
1.4
Fail
4.8
AA
1.6
Fail
1.3
Fail
—
1.0
Fail
6.3
AA
2.1
Fail
1.4
Fail
1.0
Fail
—
6.6
AA
2.2
Fail
4.8
AA
6.3
AA
6.6
AA
—
3.1
AA Large
1.6
Fail
2.1
Fail
2.2
Fail
3.1
AA Large
—
White BG
2.1Fail
1.6Fail
1.5Fail
10.0AAA
3.3AA Large
Black BG
10.1AAA
13.4AAA
14.0AAA
2.1Fail
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6364B9
AAABC8
CACABB
4A4A37
B1B05E

Deuteranopia

584BBB
A59ECA
C8C6BE
4B4D38
BBC85D

Tritanopia

1DBEBE
86CECF
BEC4C5
523939
F25B5A

Achromatopsia

919191
C0C0C0
CECECE
434343
868686

Shades & Tints Shades & Tints

#14CAB4

Dark
Light

#81E0C0

Dark
Light

#BCDCB1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #14cab4;
  --color-2: #81e0c0;
  --color-3: #bcdcb1;
  --color-4: #533e35;
  --color-5: #fa5262;
}

SCSS

$color-1: #14cab4;
$color-2: #81e0c0;
$color-3: #bcdcb1;
$color-4: #533e35;
$color-5: #fa5262;

TAILWIND

colors: {
  'brand-1': '#14cab4',
  'brand-2': '#81e0c0',
  'brand-3': '#bcdcb1',
  'brand-4': '#533e35',
  'brand-5': '#fa5262',
}

RGB Array

[20, 202, 180], [129, 224, 192], [188, 220, 177], [83, 62, 53], [250, 82, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #14CAB4, #81E0C0, #BCDCB1, #533E35, #FA5262 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: #14cab4; --color-2: #81e0c0; --color-3: #bcdcb1; --color-4: #533e35; --color-5: #fa5262. 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