#222831
#575D65
#00ADB5
#EEEEEE
#1F1E27Raisin
#53516DDusk
#BFADFFMauve
#FAF9FFSnow
Simple Mauve & Dusk is a neutral-based color palette tagged tech, dark, minimal. Built almost entirely from neutrals, with Mauve (#BFADFF) as the single point of color. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Raisin | #1F1E27 | rgb(31, 30, 39) | hsl(247, 13%, 14%) | oklch(24.0% 0.017 290) | |
| Dusk | #53516D | rgb(83, 81, 109) | hsl(244, 15%, 37%) | oklch(44.8% 0.046 288) | |
| Mauve | #BFADFF | rgb(191, 173, 255) | hsl(253, 100%, 84%) | oklch(79.3% 0.116 294) | |
| Snow | #FAF9FF | rgb(250, 249, 255) | hsl(250, 100%, 99%) | oklch(98.5% 0.008 294) |
Why it works and how to use it
The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (99% down to 14% lightness). A natural fit for a SaaS landing page or dashboard.
- Background: Snow (#FAF9FF) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#1F1E27) on #FAF9FF gives 15.75:1, passing WCAG AAA.
- Primary: Mauve (#BFADFF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dusk (#53516D) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Snow at 15.75:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Simple Mauve & Dusk
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
#1F1E27
#53516D
#BFADFF
#FAF9FF
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#1F1E27 on #FAF9FF | Aa | 15.75:1 | AAA |
#1F1E27 on #BFADFF | Aa | 8.35:1 | AAA |
#53516D on #FAF9FF | Aa | 7.25:1 | AAA |
#53516D on #BFADFF | Aa | 3.85:1 | AA large only |
#1F1E27 on #53516D | Aa | 2.17:1 | Fail |
#BFADFF on #FAF9FF | Aa | 1.89:1 | Fail |
Similar palettes 24 more in this mood
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#1C2541
#465D79
#5BC0BE
#FFFFFF
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#161B22
#484E55
#F0B429
#E6EDF3
#0F172A
#444F64
#6366F1
#F8FAFC
#0B0A12
#393751
#A78BFA
#ECE9FE
#E8F0F3
#E651B2
#3C5B67
#232F33
#F0F3FC
#00C458
#4C5774
#090D18
#3B1752
#793EA4
#C493DF
#F1EFFC
#151515
#4E4E4E
#577AFF
#FAFAFA
#FBFAFF
#E8E1F7
#7C3AED
#1E1B2E
#050505
#373737
#3D5AFE
#FFFFFF
#FDFDFD
#E5E3E9
#7870C2
#1F1D2A
#0A0A0A
#3D3D3D
#B3FFB0
#FDFDFD
#131822
#494F5B
#6C74BE
#F9FAFB
#FFFFFF
#E6E2ED
#7A5AF8
#1F1B33
#1B2025
#4D5664
#76FFC5
#F6FBFF
#0A0A0A
#353A40
#7FC8F8
#F5FAFF
#ECF2F7
#DF2E05
#3C4F5E
#0A1218
#181818
#494E54
#BCE4FF
#F6FBFF
#14213D
#FCA311
#E5E5E5
#FFFFFF
#2A1E5C
#5A4BB5
#A99CF0
#F1EFFC
#2B2D42
#8D99AE
#EDF2F4
#EF233C