← Back to Editor

#0CA5B0 · #4E3F30 · #A5B3AA · #F8F4E4 · #FEFEEB

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

#0CA5B0

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0CA5B0
RGB
rgb(12, 165, 176)
HSL
hsl(184, 87%, 37%)
HSB
hsb(184, 93%, 69%)
CMYK
cmyk(93%, 6%, 0%, 31%)
Oklch
oklch(65.9% 0.111 203.3)

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

#4E3F30

Ochre · DarkOliveGreen · Cinnamon

HEX
#4E3F30
RGB
rgb(78, 63, 48)
HSL
hsl(30, 24%, 25%)
HSB
hsb(30, 38%, 31%)
CMYK
cmyk(0%, 19%, 38%, 69%)
Oklch
oklch(37.9% 0.032 66.6)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#A5B3AA

Celadon · DarkGray · Silver Sand

HEX
#A5B3AA
RGB
rgb(165, 179, 170)
HSL
hsl(141, 8%, 67%)
HSB
hsb(141, 8%, 70%)
CMYK
cmyk(8%, 0%, 5%, 30%)
Oklch
oklch(75.3% 0.020 157.7)

Traditional「Celadon」· Paint「Silver Sand」· Creative Urban Concrete

#F8F4E4

Goose Yellow · Linen · Lemon Cream

HEX
#F8F4E4
RGB
rgb(248, 244, 228)
HSL
hsl(48, 59%, 93%)
HSB
hsb(48, 8%, 97%)
CMYK
cmyk(0%, 2%, 8%, 3%)
Oklch
oklch(96.6% 0.022 95.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FEFEEB

Fresh Green · SeaShell · Lemon Cream

HEX
#FEFEEB
RGB
rgb(254, 254, 235)
HSL
hsl(60, 90%, 96%)
HSB
hsb(60, 7%, 100%)
CMYK
cmyk(0%, 0%, 7%, 0%)
Oklch
oklch(99.2% 0.025 106.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0CA5B0
B0170C

Analogous

0CB069
0CA5B0
0C53B0

Triadic

0CA5B0
B00CA5
A5B00C

Split-Comp.

0CA5B0
B00C53
B0690C

Tetradic

0CA5B0
690CB0
B0170C
53B00C

Contrast Matrix WCAG 2.1 Contrast

0CA5B0
4E3F30
A5B3AA
F8F4E4
FEFEEB
—
3.4
AA Large
1.4
Fail
2.7
Fail
2.9
Fail
3.4
AA Large
—
4.6
AA
9.2
AAA
9.9
AAA
1.4
Fail
4.6
AA
—
2.0
Fail
2.1
Fail
2.7
Fail
9.2
AAA
2.0
Fail
—
1.1
Fail
2.9
Fail
9.9
AAA
2.1
Fail
1.1
Fail
—
White BG
3.0Fail
10.1AAA
2.2Fail
1.1Fail
1.0Fail
Black BG
7.0AAA
2.1Fail
9.6AAA
19.1AAA
20.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E50AD
484734
ABABAC
F6F6E8
FEFEF0

Deuteranopia

453AAD
484A34
AAA9AD
F7F7E9
FEFEF1

Tritanopia

14ABAB
4D3637
A6AEAE
F8EBEC
FEF3F4

Achromatopsia

797979
424242
AEAEAE
F3F3F3
FCFCFC

Shades & Tints Shades & Tints

#0CA5B0

Dark
Light

#4E3F30

Dark
Light

#A5B3AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0ca5b0;
  --color-2: #4e3f30;
  --color-3: #a5b3aa;
  --color-4: #f8f4e4;
  --color-5: #fefeeb;
}

SCSS

$color-1: #0ca5b0;
$color-2: #4e3f30;
$color-3: #a5b3aa;
$color-4: #f8f4e4;
$color-5: #fefeeb;

TAILWIND

colors: {
  'brand-1': '#0ca5b0',
  'brand-2': '#4e3f30',
  'brand-3': '#a5b3aa',
  'brand-4': '#f8f4e4',
  'brand-5': '#fefeeb',
}

RGB Array

[12, 165, 176], [78, 63, 48], [165, 179, 170], [248, 244, 228], [254, 254, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #0CA5B0, #4E3F30, #A5B3AA, #F8F4E4, #FEFEEB 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: #0ca5b0; --color-2: #4e3f30; --color-3: #a5b3aa; --color-4: #f8f4e4; --color-5: #fefeeb. 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