← Back to Editor

#609090 · #90C0A8 · #F0F0D8 · #F0D890 · #F0C060

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#609090

Slate Blue · CadetBlue · Mint Ice

HEX
#609090
RGB
rgb(96, 144, 144)
HSL
hsl(180, 20%, 47%)
HSB
hsb(180, 33%, 56%)
CMYK
cmyk(33%, 0%, 0%, 44%)
Oklch
oklch(61.9% 0.052 195.9)

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

#90C0A8

Jade · DarkSeaGreen · Apple Green

HEX
#90C0A8
RGB
rgb(144, 192, 168)
HSL
hsl(150, 28%, 66%)
HSB
hsb(150, 25%, 75%)
CMYK
cmyk(25%, 0%, 13%, 25%)
Oklch
oklch(76.7% 0.061 162.8)

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

#F0F0D8

Fresh Green · Beige · Lemon Cream

HEX
#F0F0D8
RGB
rgb(240, 240, 216)
HSL
hsl(60, 44%, 89%)
HSB
hsb(60, 10%, 94%)
CMYK
cmyk(0%, 0%, 10%, 6%)
Oklch
oklch(94.9% 0.032 107.0)

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

#F0D890

Goose Yellow · Khaki · Sunflower

HEX
#F0D890
RGB
rgb(240, 216, 144)
HSL
hsl(45, 76%, 75%)
HSB
hsb(45, 40%, 94%)
CMYK
cmyk(0%, 10%, 40%, 6%)
Oklch
oklch(88.6% 0.095 91.7)

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

#F0C060

Ginger · SandyBrown · Sunflower

HEX
#F0C060
RGB
rgb(240, 192, 96)
HSL
hsl(40, 83%, 66%)
HSB
hsb(40, 60%, 94%)
CMYK
cmyk(0%, 20%, 60%, 6%)
Oklch
oklch(83.2% 0.126 82.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

609090
906060

Analogous

609078
609090
607890

Triadic

609090
906090
909060

Split-Comp.

609090
906078
907860

Tetradic

609090
786090
906060
789060

Contrast Matrix WCAG 2.1 Contrast

609090
90C0A8
F0F0D8
F0D890
F0C060
—
1.7
Fail
3.1
AA Large
2.5
Fail
2.1
Fail
1.7
Fail
—
1.8
Fail
1.5
Fail
1.2
Fail
3.1
AA Large
1.8
Fail
—
1.2
Fail
1.5
Fail
2.5
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.1
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
White BG
3.6AA Large
2.0Fail
1.2Fail
1.4Fail
1.7Fail
Black BG
5.9AA
10.3AAA
18.2AAA
14.9AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

757590
A5A5AE
F0F0DE
E6E5A1
DBDB77

Deuteranopia

726E90
A29EAF
F0F0DF
E7E9A6
DEE27D

Tritanopia

629090
92B2B3
F0E2E3
EFAFB2
EE8A8E

Achromatopsia

828282
AFAFAF
EDEDED
D7D7D7
C3C3C3

Shades & Tints Shades & Tints

#609090

Dark
Light

#90C0A8

Dark
Light

#F0F0D8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #609090;
  --color-2: #90c0a8;
  --color-3: #f0f0d8;
  --color-4: #f0d890;
  --color-5: #f0c060;
}

SCSS

$color-1: #609090;
$color-2: #90c0a8;
$color-3: #f0f0d8;
$color-4: #f0d890;
$color-5: #f0c060;

TAILWIND

colors: {
  'brand-1': '#609090',
  'brand-2': '#90c0a8',
  'brand-3': '#f0f0d8',
  'brand-4': '#f0d890',
  'brand-5': '#f0c060',
}

RGB Array

[96, 144, 144], [144, 192, 168], [240, 240, 216], [240, 216, 144], [240, 192, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #609090, #90C0A8, #F0F0D8, #F0D890, #F0C060 is ideal for: health products, baby brands, fresh-style blogs, 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: #609090; --color-2: #90c0a8; --color-3: #f0f0d8; --color-4: #f0d890; --color-5: #f0c060. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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