#0F1419
#3E4C59
#D9B99B
#F3EFE9
#030303Obsidian
#2F2F2FJet
#A98A42Hazelnut
#DAD7CFFog
Quiet Hazelnut & Fog is a muted dark, neutral-based color palette tagged dark, minimal, black. Built almost entirely from neutrals, with Hazelnut (#A98A42) as the single point of color. Saturation stays low across the board, giving it a calm, editorial feel.
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 Hazelnut to lead. Lightness runs from 1% to 83%. Well suited to dark-mode interfaces and gaming.
- Background: Fog (#DAD7CF) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#030303) on #DAD7CF gives 14.34:1, passing WCAG AAA.
- Primary: Hazelnut (#A98A42) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Jet (#2F2F2F) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Fog at 14.34:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Quiet Hazelnut & Fog
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
#030303
#2F2F2F
#A98A42
#DAD7CF
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#030303 on #DAD7CF | Aa | 14.34:1 | AAA |
#2F2F2F on #DAD7CF | Aa | 9.31:1 | AAA |
#030303 on #A98A42 | Aa | 6.29:1 | AA |
#2F2F2F on #A98A42 | Aa | 4.08:1 | AA large only |
#A98A42 on #DAD7CF | Aa | 2.28:1 | Fail |
#030303 on #2F2F2F | Aa | 1.54:1 | Fail |
Similar palettes 24 more in this mood
#141210
#4D4742
#C97B3A
#F2EAE2
#050505
#373737
#AA5C00
#FDFDFD
#E5E0DA
#CF63FF
#564733
#140E05
#C4D7C5
#8F9784
#5C5A44
#21190C
#1E1410
#5B4235
#A57C5B
#E8DCCF
#04070D
#343A41
#CC9600
#D0D7DD
#92433E
#F1EDE9
#D1C4B9
#1A1A1A
#EBDED9
#846C60
#634531
#1B140B
#EEEBE8
#968F8A
#6E3800
#17110C
#EDEEF0
#C9CCD1
#7A5A00
#0B1220
#1C1310
#5D473C
#8A6A55
#EADFD3
#E3DFDB
#D2C6BC
#734826
#130804
#E5EDF7
#B9C0C8
#644800
#161B1F
#180A06
#563B2E
#8C6243
#D0C6BB
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#24150D
#654635
#7ABDAA
#D7D3CE
#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#040303
#37312D
#AB6018
#D2CAC2
#0F0F0F
#444444
#C8623F
#F4EEE8
#151515
#474747
#BA960A
#D7D4CD
#000000
#3A3A3A
#D4AF37
#F2F2F2
#3E2723
#6D4C41
#A1887F
#EFEBE9
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF