#111111
#424242
#FF3B3B
#FAFAFA
#181818Licorice
#7C807DGray
#92FFCEAquamarine
#FDFDFFWhite
Verdant Aquamarine & Gray is a neutral-based color palette tagged modern, minimal, black. Built almost entirely from neutrals, with Aquamarine (#92FFCE) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Licorice | #181818 | rgb(24, 24, 24) | hsl(0, 0%, 9%) | oklch(20.9% 0.000 0) | |
| Gray | #7C807D | rgb(124, 128, 125) | hsl(135, 2%, 49%) | oklch(59.6% 0.007 154) | |
| Aquamarine | #92FFCE | rgb(146, 255, 206) | hsl(153, 100%, 79%) | oklch(92.1% 0.123 163) | |
| White | #FDFDFF | rgb(253, 253, 255) | hsl(240, 100%, 100%) | oklch(99.5% 0.003 286) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Aquamarine to lead. Lightness runs from 9% to 100%. Well suited to websites, presentations and branding.
- Background: White (#FDFDFF) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#181818) on #FDFDFF gives 17.48:1, passing WCAG AAA.
- Primary: Aquamarine (#92FFCE) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Gray (#7C807D) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on White at 17.48:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Verdant Aquamarine & Gray
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
#181818
#7C807D
#92FFCE
#FDFDFF
Color-blind check: under protanopia and deuteranopia, Aquamarine and White become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#181818 on #FDFDFF | Aa | 17.48:1 | AAA |
#181818 on #92FFCE | Aa | 14.73:1 | AAA |
#181818 on #7C807D | Aa | 4.43:1 | AA large only |
#7C807D on #FDFDFF | Aa | 3.94:1 | AA large only |
#7C807D on #92FFCE | Aa | 3.32:1 | AA large only |
#92FFCE on #FDFDFF | Aa | 1.19:1 | Fail |
Similar palettes 24 more in this mood
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#FFFFFF
#E4E4E3
#F59E0B
#1C1917
#FFF7F9
#EED8E0
#E11D74
#2B1720
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#E8EEEE
#DD5600
#596564
#050D0D
#121214
#5D6064
#B3CCFF
#E6EEFF
#FFF7F9
#EED8E0
#B341D6
#221A2B
#FDFDFD
#E4E4E3
#84CA57
#1C1917
#FAFAFA
#919191
#81000C
#111111
#EDEEF0
#C9CCD1
#7A5A00
#0B1220
#0F0F0F
#444444
#049C65
#F4EEE8
#EDEEF0
#C9CCD1
#006699
#05141E
#12190F
#626C5E
#D30044
#ECF1EA
#111111
#424242
#E444BE
#FAFAFA
#222831
#575D65
#00ADB5
#EEEEEE
#0F0F0F
#444444
#C8623F
#F4EEE8
#111111
#424242
#8C9B00
#FAFAFA
#1A1A1D
#4C4C54
#00B7B2
#F4F4F6
#FFF7F9
#EED8E0
#008FA3
#2B1720
#EDEEF0
#C9CCD1
#9714A2
#0B1220
#FDFDFD
#F3DCE6
#D46C8D
#1A1A1A
#EDEFF3
#FD7463
#707990
#181A20