#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#0D1A14Licorice
#385645Spruce
#6DBF8AEmerald
#E8F3ECFrost
Forest at Night is a monochromatic color palette tagged dark, forest, minimal. All four colors sit within 5° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Licorice | #0D1A14 | rgb(13, 26, 20) | hsl(152, 33%, 8%) | oklch(20.3% 0.022 164) | |
| Spruce | #385645 | rgb(56, 86, 69) | hsl(146, 21%, 28%) | oklch(42.4% 0.046 159) | |
| Emerald | #6DBF8A | rgb(109, 191, 138) | hsl(141, 39%, 59%) | oklch(73.8% 0.112 154) | |
| Frost | #E8F3EC | rgb(232, 243, 236) | hsl(142, 31%, 93%) | oklch(95.4% 0.015 158) |
Why it works and how to use it
The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (93% down to 8% lightness). A natural fit for websites, presentations and branding.
- Background: Frost (#E8F3EC) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#0D1A14) on #E8F3EC gives 15.71:1, passing WCAG AAA.
- Primary: Emerald (#6DBF8A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Spruce (#385645) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Frost at 15.71:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Forest at Night
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
#0D1A14
#385645
#6DBF8A
#E8F3EC
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#0D1A14 on #E8F3EC | Aa | 15.71:1 | AAA |
#0D1A14 on #6DBF8A | Aa | 8.06:1 | AAA |
#385645 on #E8F3EC | Aa | 7.14:1 | AAA |
#385645 on #6DBF8A | Aa | 3.66:1 | AA large only |
#0D1A14 on #385645 | Aa | 2.2:1 | Fail |
#6DBF8A on #E8F3EC | Aa | 1.95:1 | Fail |
Similar palettes 24 more in this mood
#18191A
#4F5052
#B8F53F
#F7F7F5
#F0F3FC
#00C458
#4C5774
#090D18
#F5FBF9
#D4E3DE
#374B00
#0A1100
#0A0A0A
#3D3D3D
#B3FFB0
#FDFDFD
#E3F5EC
#92B3A0
#005E32
#111914
#0F0F0F
#444444
#049C65
#F4EEE8
#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#000000
#3A3A3A
#D4AF37
#F2F2F2
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#14101F
#4D4365
#8E6BFF
#EEE9FF
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#141210
#4D4742
#C97B3A
#F2EAE2
#0B0A12
#393751
#A78BFA
#ECE9FE
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#050505
#373737
#AA5C00
#FDFDFD
#F5EDEF
#BB4770
#5A4449
#140B0D
#F8EEE8
#DB7900
#584332
#140902
#F0F0F0
#7454DD
#574F44
#0E0E0E
#180201
#514949
#208C00
#DEDEDE
#18191A
#4F5052
#FFCAF0
#F7F7F5