← Back to Editor

#25B1A0 · #E0F0C0 · #CFCB76 · #CE6D50 · #8F3540

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

#25B1A0

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#25B1A0
RGB
rgb(37, 177, 160)
HSL
hsl(173, 65%, 42%)
HSB
hsb(173, 79%, 69%)
CMYK
cmyk(79%, 0%, 10%, 31%)
Oklch
oklch(68.6% 0.115 182.4)

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

#E0F0C0

Willow Green · Wheat · Mint Green

HEX
#E0F0C0
RGB
rgb(224, 240, 192)
HSL
hsl(80, 62%, 85%)
HSB
hsb(80, 20%, 94%)
CMYK
cmyk(7%, 0%, 20%, 6%)
Oklch
oklch(93.1% 0.065 122.6)

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

#CFCB76

Fresh Green · BurlyWood · Sunflower

HEX
#CFCB76
RGB
rgb(207, 203, 118)
HSL
hsl(57, 48%, 64%)
HSB
hsb(57, 43%, 81%)
CMYK
cmyk(0%, 2%, 43%, 19%)
Oklch
oklch(82.7% 0.107 106.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#CE6D50

Crimson · Chocolate · Passion Red

HEX
#CE6D50
RGB
rgb(206, 109, 80)
HSL
hsl(14, 56%, 56%)
HSB
hsb(14, 61%, 81%)
CMYK
cmyk(0%, 47%, 61%, 19%)
Oklch
oklch(64.0% 0.130 37.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#8F3540

Crimson · Brown · Wine Red

HEX
#8F3540
RGB
rgb(143, 53, 64)
HSL
hsl(353, 46%, 38%)
HSB
hsb(353, 63%, 56%)
CMYK
cmyk(0%, 63%, 55%, 44%)
Oklch
oklch(45.9% 0.122 16.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

25B1A0
B12536

Analogous

25B15B
25B1A0
257BB1

Triadic

25B1A0
A025B1
B1A025

Split-Comp.

25B1A0
B1257B
B15B25

Tetradic

25B1A0
5B25B1
B12536
7BB125

Contrast Matrix WCAG 2.1 Contrast

25B1A0
E0F0C0
CFCB76
CE6D50
8F3540
—
2.2
Fail
1.6
Fail
1.3
Fail
2.9
Fail
2.2
Fail
—
1.4
Fail
2.9
Fail
6.3
AA
1.6
Fail
1.4
Fail
—
2.1
Fail
4.5
AA
1.3
Fail
2.9
Fail
2.1
Fail
—
2.2
Fail
2.9
Fail
6.3
AA
4.5
AA
2.2
Fail
—
White BG
2.7Fail
1.2Fail
1.7Fail
3.5AA Large
7.6AAA
Black BG
7.9AAA
17.4AAA
12.5AAA
5.9AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6263A4
E7E7CC
CDCD8B
A4A357
68673D

Deuteranopia

5A4FA5
E6E5CE
CECE90
AAB159
6D743D

Tritanopia

2CA7A8
E1D5D7
CF9B9E
C95D5E
8B3B3B

Achromatopsia

858585
E6E6E6
C3C3C3
878787
515151

Shades & Tints Shades & Tints

#25B1A0

Dark
Light

#E0F0C0

Dark
Light

#CFCB76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #25b1a0;
  --color-2: #e0f0c0;
  --color-3: #cfcb76;
  --color-4: #ce6d50;
  --color-5: #8f3540;
}

SCSS

$color-1: #25b1a0;
$color-2: #e0f0c0;
$color-3: #cfcb76;
$color-4: #ce6d50;
$color-5: #8f3540;

TAILWIND

colors: {
  'brand-1': '#25b1a0',
  'brand-2': '#e0f0c0',
  'brand-3': '#cfcb76',
  'brand-4': '#ce6d50',
  'brand-5': '#8f3540',
}

RGB Array

[37, 177, 160], [224, 240, 192], [207, 203, 118], [206, 109, 80], [143, 53, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #25B1A0, #E0F0C0, #CFCB76, #CE6D50, #8F3540 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: #25b1a0; --color-2: #e0f0c0; --color-3: #cfcb76; --color-4: #ce6d50; --color-5: #8f3540. 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