What are the hex codes in the Deep Sea Cadet & Fern palette?

The Deep Sea Cadet & Fern color palette consists of Seafoam #9DE8D2, Cadet #00B1B8, Fern #2E7940, Evergreen #273400.

How should I use the Deep Sea Cadet & Fern palette on a website?

Use Seafoam #9DE8D2 as the background, Evergreen #273400 for text, Cadet #00B1B8 for buttons and links, and Fern #2E7940 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Seafoam on Evergreen at 9.45:1.

Which colors in Deep Sea Cadet & Fern have enough contrast for text?

The highest-contrast pair is #9DE8D2 on #273400 with a ratio of 9.45:1, which passes WCAG AA for normal text.

#9DE8D2Seafoam

#00B1B8Cadet

#2E7940Fern

#273400Evergreen

Deep Sea Cadet & Fern color palette

Ocean Cold Green Teal

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Seafoam	`#9DE8D2`	`rgb(157, 232, 210)`	`hsl(162, 62%, 76%)`	`oklch(87.6% 0.081 174)`
Cadet	`#00B1B8`	`rgb(0, 177, 184)`	`hsl(182, 100%, 36%)`	`oklch(69.1% 0.117 200)`
Fern	`#2E7940`	`rgb(46, 121, 64)`	`hsl(134, 45%, 33%)`	`oklch(51.4% 0.115 149)`
Evergreen	`#273400`	`rgb(39, 52, 0)`	`hsl(75, 100%, 10%)`	`oklch(30.2% 0.075 124)`

Why it works and how to use it

Deep Sea Cadet & Fern is a vivid dark, split color palette tagged ocean, cold, green. The hues span about 107°, enough contrast to create a focal point without the harshness of true complements. These are bold, punchy colors that need generous white space around them. The overall temperature is cool.

With 4 chromatic colors, Cadet takes the lead while the rest support. Lightness runs from 10% to 76%. Well suited to dark-mode interfaces and gaming.

Background: Seafoam (#9DE8D2) is the lightest color, so it belongs on large surfaces.
Text: Evergreen (#273400) on #9DE8D2 gives 9.45:1, passing WCAG AAA.
Primary: Cadet (#00B1B8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Fern (#2E7940) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Seafoam on Evergreen at 9.45:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Deep Sea Cadet & Fern

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#9DE8D2

#00B1B8

#2E7940

#273400

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#9DE8D2` on `#273400`	Aa	9.45:1	AAA
`#00B1B8` on `#273400`	Aa	5.06:1	AA
`#9DE8D2` on `#2E7940`	Aa	3.8:1	AA large only
`#2E7940` on `#273400`	Aa	2.49:1	Fail
`#00B1B8` on `#2E7940`	Aa	2.03:1	Fail
`#9DE8D2` on `#00B1B8`	Aa	1.87:1	Fail

Similar palettes 24 more in this mood