#ECE7E4
#00A0AE
#5F4F44
#302823
#F3F5F4Smoke
#AD6FDDAmethyst
#4E5A58Storm
#0F1212Licorice
Fresh Amethyst & Storm is a muted neutral-based color palette tagged 2026 trends, modern, dark. Amethyst is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Smoke | #F3F5F4 | rgb(243, 245, 244) | hsl(150, 9%, 96%) | oklch(96.8% 0.002 165) | |
| Amethyst | #AD6FDD | rgb(173, 111, 221) | hsl(274, 62%, 65%) | oklch(65.2% 0.168 308) | |
| Storm | #4E5A58 | rgb(78, 90, 88) | hsl(170, 7%, 33%) | oklch(45.7% 0.015 185) | |
| Licorice | #0F1212 | rgb(15, 18, 18) | hsl(180, 9%, 6%) | oklch(17.9% 0.005 197) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Amethyst to lead. Lightness runs from 6% to 96%. Well suited to websites, presentations and branding.
- Background: Smoke (#F3F5F4) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#0F1212) on #F3F5F4 gives 17.19:1, passing WCAG AAA.
- Primary: Amethyst (#AD6FDD) is the most saturated mid-tone; use it for buttons and links (3.15:1 against the background, fine for UI elements).
- Accent: Storm (#4E5A58) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Licorice at 17.19:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Fresh Amethyst & Storm
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
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F3F5F4 on #0F1212 | Aa | 17.19:1 | AAA |
#F3F5F4 on #4E5A58 | Aa | 6.55:1 | AA |
#AD6FDD on #0F1212 | Aa | 5.46:1 | AA |
#F3F5F4 on #AD6FDD | Aa | 3.15:1 | AA large only |
#4E5A58 on #0F1212 | Aa | 2.62:1 | Fail |
#AD6FDD on #4E5A58 | Aa | 2.08:1 | Fail |
Similar palettes 24 more in this mood
#2C2230
#836D8A
#FFC872
#F4EDF6
#211F23
#646067
#FFA410
#DFDEE0
#0C0F0E
#3E4542
#CDED95
#F6FDEC
#92433E
#F1EDE9
#D1C4B9
#1A1A1A
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#E5E2FF
#ADA8D2
#6A6C87
#3D3C5E
#292830
#6F6D83
#DBDB00
#E0DFE5
#F1EFE7
#DAD7CD
#0F6E6B
#2B2B2B
#B3001B
#F4EDE4
#D9C2AD
#1A1A1A
#F1EFE7
#D9D4C7
#8C8A82
#2F2F2F
#111111
#424242
#E444BE
#FAFAFA
#2B2A28
#8D8780
#D8D2C8
#F5F2ED
#EDEEF0
#C9CCD1
#9714A2
#0B1220
#111111
#424242
#FF3B3B
#FAFAFA
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#F0F0F0
#7454DD
#574F44
#0E0E0E
#FAEAFF
#B78EE4
#855B97
#693F84
#E8EEEE
#DD5600
#596564
#050D0D
#121214
#5D6064
#B3CCFF
#E6EEFF
#373A39
#6F7774
#DAFE9C
#EBF2DF
#FFF7F9
#EED8E0
#B341D6
#221A2B