#14101F
#4D4365
#8E6BFF
#EEE9FF
#0D1A14Licorice
#385645Spruce
#BA98E3Wisteria
#E8F3ECFrost
Lush Wisteria & Spruce is a split color palette tagged dark, minimal, black. The hues span about 125°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.
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) | |
| Wisteria | #BA98E3 | rgb(186, 152, 227) | hsl(267, 57%, 74%) | oklch(73.8% 0.112 305) | |
| 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 split 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: Wisteria (#BA98E3) 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 Lush Wisteria & Spruce
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
#BA98E3
#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 #BA98E3 | Aa | 7.39:1 | AAA |
#385645 on #E8F3EC | Aa | 7.14:1 | AAA |
#385645 on #BA98E3 | Aa | 3.36:1 | AA large only |
#0D1A14 on #385645 | Aa | 2.2:1 | Fail |
#BA98E3 on #E8F3EC | Aa | 2.12:1 | Fail |
Similar palettes 24 more in this mood
#F0F0F0
#7454DD
#574F44
#0E0E0E
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#1D1226
#534A60
#AD48C7
#F8FAFC
#13111A
#4B4659
#8B7ECC
#EDEBF7
#000000
#3A3A3A
#C29DFD
#F2F2F2
#0B0F14
#3C4552
#E2ACFF
#E6EDF3
#111111
#424242
#E444BE
#FAFAFA
#EEE9FF
#8F84AA
#5019B0
#14101F
#EDEEF0
#C9CCD1
#9714A2
#0B1220
#000000
#3A3A3A
#D4AF37
#F2F2F2
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#0D1A14
#385645
#6DBF8A
#E8F3EC
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5
#141210
#4D4742
#C97B3A
#F2EAE2
#0B0A12
#393751
#A78BFA
#ECE9FE
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#FF9931
#6E499E
#191009
#FAF3E8
#050505
#373737
#AA5C00
#FDFDFD