#9DE8D2
#00B1B8
#2E7940
#273400
#004C5CCharcoal
#4C5E14Hunter Green
#2B7C4DFern
#3E837BTeal
Deep Sea Fern & Hunter Green is a vivid dark, split color palette tagged ocean, cold, teal. A split scheme: Charcoal plays against Teal across roughly 115° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Charcoal | #004C5C | rgb(0, 76, 92) | hsl(190, 100%, 18%) | oklch(38.5% 0.069 218) | |
| Hunter Green | #4C5E14 | rgb(76, 94, 20) | hsl(75, 65%, 22%) | oklch(45.2% 0.099 123) | |
| Fern | #2B7C4D | rgb(43, 124, 77) | hsl(145, 49%, 33%) | oklch(52.4% 0.108 154) | |
| Teal | #3E837B | rgb(62, 131, 123) | hsl(173, 36%, 38%) | oklch(56.3% 0.071 185) |
Why it works and how to use it
With 4 chromatic colors, Hunter Green takes the lead while the rest support. Lightness runs from 18% to 38%. Well suited to dark-mode interfaces and gaming.
- Background: Teal (#3E837B) is the lightest color, so it belongs on large surfaces.
- Text: Charcoal (#004C5C) on #3E837B gives 2.16:1, so pair it with a darker neutral for body copy.
- Primary: Hunter Green (#4C5E14) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Fern (#2B7C4D) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Deep Sea Fern & Hunter Green
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#004C5C
#4C5E14
#2B7C4D
#3E837B
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#004C5C on #3E837B | Aa | 2.16:1 | Fail |
#004C5C on #2B7C4D | Aa | 1.87:1 | Fail |
#4C5E14 on #3E837B | Aa | 1.62:1 | Fail |
#4C5E14 on #2B7C4D | Aa | 1.4:1 | Fail |
#004C5C on #4C5E14 | Aa | 1.33:1 | Fail |
#2B7C4D on #3E837B | Aa | 1.16:1 | Fail |
Similar palettes 24 more in this mood
#0086A6
#4D9184
#37A8F6
#00CCD6
#00545D
#006E7A
#00C4CE
#3BD9F9
#004345
#008991
#00B9B8
#00D4CE
#7F9A6D
#009C99
#3F7283
#1F4E3A
#96BAFE
#8F7CCD
#00939A
#005D7F
#00646F
#0080B9
#7192FF
#DFCFFF
#313965
#005561
#14A9FE
#E5D2FD
#2BEDFF
#11C2D0
#008087
#00494B
#D4D2FF
#9FCBEC
#2F59BD
#006B81
#00D8D7
#6075BF
#00596C
#00436D
#014D71
#267CB2
#5CA9E7
#B7E6FF
#68709B
#9271DA
#639EC2
#84B8FF
#002E6E
#1A73D4
#6D93E8
#9DC6FF
#BEB6FF
#5596F8
#0099C7
#774384
#A3E3FF
#4EB2E1
#006DA5
#003F59
#4B537A
#892680
#1CA6FF
#D1B6F9
#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#0077B6
#00B4D8
#90E0EF
#CAF0F8
#03256C
#2541B2
#1768AC
#06BEE1
#006D77
#83C5BE
#EDF6F9
#FFDDD2
#00A8A8
#4FD1C5
#B2F5EA
#F0FFF4
#023E8A
#0077B6
#00B4D8
#90E0EF
#0B3954
#087E8B
#BFD7EA
#FFFFFF