← Back to Editor

#599800 · #725B42 · #75E8BC · #FFFEEC · #F06020

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#599800

Grass Green · Olive · Forest Green

HEX
#599800
RGB
rgb(89, 152, 0)
HSL
hsl(85, 100%, 30%)
HSB
hsb(85, 100%, 60%)
CMYK
cmyk(41%, 0%, 100%, 40%)
Oklch
oklch(61.3% 0.172 132.6)

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

#725B42

Ochre · DarkOliveGreen · Amber Brown

HEX
#725B42
RGB
rgb(114, 91, 66)
HSL
hsl(31, 27%, 35%)
HSB
hsb(31, 42%, 45%)
CMYK
cmyk(0%, 20%, 42%, 55%)
Oklch
oklch(48.8% 0.048 68.7)

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

#75E8BC

Jade · MediumAquaMarine · Apple Green

HEX
#75E8BC
RGB
rgb(117, 232, 188)
HSL
hsl(157, 71%, 68%)
HSB
hsb(157, 50%, 91%)
CMYK
cmyk(50%, 0%, 19%, 9%)
Oklch
oklch(85.1% 0.123 166.2)

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

#FFFEEC

Fresh Green · SeaShell · Lemon Cream

HEX
#FFFEEC
RGB
rgb(255, 254, 236)
HSL
hsl(57, 100%, 96%)
HSB
hsb(57, 7%, 100%)
CMYK
cmyk(0%, 0%, 7%, 0%)
Oklch
oklch(99.3% 0.024 104.2)

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

#F06020

Tangerine · Chocolate · Warm Sun

HEX
#F06020
RGB
rgb(240, 96, 32)
HSL
hsl(18, 87%, 53%)
HSB
hsb(18, 87%, 94%)
CMYK
cmyk(0%, 60%, 87%, 6%)
Oklch
oklch(66.6% 0.191 40.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

599800
400099

Analogous

998C00
599800
0D9900

Triadic

599800
005999
990059

Split-Comp.

599800
000D99
8C0099

Tetradic

599800
00998C
400099
99000D

Contrast Matrix WCAG 2.1 Contrast

599800
725B42
75E8BC
FFFEEC
F06020
—
1.8
Fail
2.4
Fail
3.5
AA Large
1.1
Fail
1.8
Fail
—
4.3
AA Large
6.3
AA
1.9
Fail
2.4
Fail
4.3
AA Large
—
1.5
Fail
2.2
Fail
3.5
AA Large
6.3
AA
1.5
Fail
—
3.2
AA Large
1.1
Fail
1.9
Fail
2.2
Fail
3.2
AA Large
—
White BG
3.5AA Large
6.4AA
1.5Fail
1.0Fail
3.3AA Large
Black BG
5.9AA
3.3AA Large
14.0AAA
20.6AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

747525
686848
A7A8C7
FFFFF0
B2B02F

Deuteranopia

716C2E
696B4A
A098C9
FFFFF1
BAC533

Tritanopia

5C4248
714D4E
7BCFD1
FFF4F5
E93C3E

Achromatopsia

747474
5F5F5F
C1C1C1
FCFCFC
848484

Shades & Tints Shades & Tints

#599800

Dark
Light

#725B42

Dark
Light

#75E8BC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #599800;
  --color-2: #725b42;
  --color-3: #75e8bc;
  --color-4: #fffeec;
  --color-5: #f06020;
}

SCSS

$color-1: #599800;
$color-2: #725b42;
$color-3: #75e8bc;
$color-4: #fffeec;
$color-5: #f06020;

TAILWIND

colors: {
  'brand-1': '#599800',
  'brand-2': '#725b42',
  'brand-3': '#75e8bc',
  'brand-4': '#fffeec',
  'brand-5': '#f06020',
}

RGB Array

[89, 152, 0], [114, 91, 66], [117, 232, 188], [255, 254, 236], [240, 96, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #599800, #725B42, #75E8BC, #FFFEEC, #F06020 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #599800; --color-2: #725b42; --color-3: #75e8bc; --color-4: #fffeec; --color-5: #f06020. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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