#0A1A1E
#648691
#EED200
#D8E2E5
#DDDEE2Bone
#00C463Emerald
#676C7CDove Gray
#17191FLicorice
Emerald & Dove Gray Mood is a neutral-based color palette tagged modern, minimal, gray. Built almost entirely from neutrals, with Emerald (#00C463) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Bone | #DDDEE2 | rgb(221, 222, 226) | hsl(228, 8%, 88%) | oklch(90.1% 0.006 275) | |
| Emerald | #00C463 | rgb(0, 196, 99) | hsl(150, 100%, 38%) | oklch(71.8% 0.190 152) | |
| Dove Gray | #676C7C | rgb(103, 108, 124) | hsl(226, 9%, 45%) | oklch(53.3% 0.026 272) | |
| Licorice | #17191F | rgb(23, 25, 31) | hsl(225, 15%, 11%) | oklch(21.4% 0.012 271) |
Why it works and how to use it
It works because the lightness range is wide (11% to 88%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Bone (#DDDEE2) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#17191F) on #DDDEE2 gives 13.07:1, passing WCAG AAA.
- Primary: Emerald (#00C463) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dove Gray (#676C7C) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Bone on Licorice at 13.07:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Emerald & Dove Gray Mood
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
#DDDEE2
#00C463
#676C7C
#17191F
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#DDDEE2 on #17191F | Aa | 13.07:1 | AAA |
#00C463 on #17191F | Aa | 7.59:1 | AAA |
#DDDEE2 on #676C7C | Aa | 3.89:1 | AA large only |
#676C7C on #17191F | Aa | 3.36:1 | AA large only |
#00C463 on #676C7C | Aa | 2.26:1 | Fail |
#DDDEE2 on #00C463 | Aa | 1.72:1 | Fail |
Similar palettes 24 more in this mood
#E5E6E6
#F61061
#4E5756
#0E0F0F
#09130F
#647970
#704FEE
#E4EBE7
#E8EEEE
#DD5600
#596564
#050D0D
#12190F
#626C5E
#D30044
#ECF1EA
#E6E7E8
#D25661
#687074
#0F1112
#EDEFF3
#FD7463
#707990
#181A20
#E0E4E9
#BC4358
#3E5169
#090E15
#02151B
#2C515C
#E75100
#D6E3E7
#1C2F2E
#4F7F7B
#FFC582
#D6E2E1
#ECF1F7
#FF2A6C
#4E6074
#222A32
#282A2A
#5F727D
#FF1234
#E3E4E5
#DDE8E1
#F25100
#6D8476
#1F3127
#E2EFEA
#CC64E0
#385B4F
#1D322B
#FDFDFD
#E4E4E3
#84CA57
#1C1917
#0F0F0F
#444444
#049C65
#F4EEE8
#E1E1E1
#C5C6CA
#009969
#040815
#111111
#424242
#FF3B3B
#FAFAFA
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#FFFFFF
#E4E4E3
#F59E0B
#1C1917
#FFF7F9
#EED8E0
#E11D74
#2B1720
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#3D272C
#9B7981
#AC9498
#E4C8CE
#E3DCDE
#CDB8C0
#BF005F
#17060E