#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#DDDDDBBone
#C0C2BESilver
#355341Spruce
#111B16Licorice
Quiet Spruce & Licorice is a muted monochromatic color palette tagged dark, minimal, gray. All four colors sit within 6° of hue, so the scheme reads as one color explored across light and dark. Every color is softened, so it works well as a background system for text-heavy layouts.
Color codes click any value to copy
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Spruce to lead. Lightness runs from 9% to 86%. Well suited to websites, presentations and branding.
- Background: Bone (#DDDDDB) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#111B16) on #DDDDDB gives 12.95:1, passing WCAG AAA.
- Primary: Spruce (#355341) is the most saturated mid-tone; use it for buttons and links (6.26:1 against the background, fine for UI elements).
- Accent: Silver (#C0C2BE) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Bone on Licorice at 12.95:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Quiet Spruce & Licorice
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
#DDDDDB
#C0C2BE
#355341
#111B16
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#DDDDDB on #111B16 | Aa | 12.95:1 | AAA |
#C0C2BE on #111B16 | Aa | 9.82:1 | AAA |
#DDDDDB on #355341 | Aa | 6.26:1 | AA |
#C0C2BE on #355341 | Aa | 4.75:1 | AA |
#355341 on #111B16 | Aa | 2.07:1 | Fail |
#DDDDDB on #C0C2BE | Aa | 1.32:1 | Fail |
Similar palettes 24 more in this mood
#000000
#3A3A3A
#D4AF37
#F2F2F2
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5
#141210
#4D4742
#C97B3A
#F2EAE2
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#121128
#464A64
#837581
#D4CBC6
#050505
#373737
#AA5C00
#FDFDFD
#0D1321
#34465E
#748CAB
#F0EBD8
#F0F0F0
#7454DD
#574F44
#0E0E0E
#E5E6E6
#F61061
#4E5756
#0E0F0F
#E5E0DA
#CF63FF
#564733
#140E05
#010710
#435163
#FFBB59
#E7EBF1
#180201
#514949
#208C00
#DEDEDE
#18191A
#4F5052
#FFCAF0
#F7F7F5
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#050505
#373737
#007F9E
#FDFDFD
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#C4D7C5
#8F9784
#5C5A44
#21190C