#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#443A71Dusk
#846CA4Amethyst
#A880AEStone
#C99BB4Lilac
Dusk & Amethyst Story color palette
Dusk & Amethyst Story is a split color palette tagged muted. A split scheme: Dusk plays against Lilac across roughly 76° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Dusk | #443A71 | rgb(68, 58, 113) | hsl(251, 32%, 34%) | oklch(38.7% 0.091 290) | |
| Amethyst | #846CA4 | rgb(132, 108, 164) | hsl(266, 24%, 53%) | oklch(57.6% 0.088 303) | |
| Stone | #A880AE | rgb(168, 128, 174) | hsl(292, 22%, 59%) | oklch(65.4% 0.081 322) | |
| Lilac | #C99BB4 | rgb(201, 155, 180) | hsl(327, 30%, 70%) | oklch(74.0% 0.064 345) |
Why it works and how to use it
It works because the lightness steps are gentle (34% to 70%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.
- Background: Lilac (#C99BB4) is the lightest color, so it belongs on large surfaces.
- Text: Dusk (#443A71) on #C99BB4 gives 4.23:1, enough for large headings only.
- Primary: Amethyst (#846CA4) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Stone (#A880AE) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Dusk & Amethyst Story
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
#443A71
#846CA4
#A880AE
#C99BB4
Color-blind check: under protanopia, Amethyst and Stone become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#443A71 on #C99BB4 | Aa | 4.23:1 | AA large only |
#443A71 on #A880AE | Aa | 3.05:1 | AA large only |
#443A71 on #846CA4 | Aa | 2.23:1 | Fail |
#846CA4 on #C99BB4 | Aa | 1.89:1 | Fail |
#A880AE on #C99BB4 | Aa | 1.39:1 | Fail |
#846CA4 on #A880AE | Aa | 1.36:1 | Fail |
Similar palettes 24 more in this mood
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6
#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#1A4D2E
#4F6F52
#E8DFCA
#F5EFE6
#116A7B
#CDC2AE
#ECE5C7
#C2DEDC
#B08968
#DDB892
#E6CCB2
#FFF6EA
#27374D
#526D82
#9DB2BF
#DDE6ED
#3E2723
#6D4C41
#A1887F
#EFEBE9
#40513B
#609966
#9DC08B
#EDF1D6
#0D1B2A
#3C5374
#5A7A9E
#E0E1DD
#CDB4DB
#FFC8DD
#FFAFCC
#BDE0FE
#7F5539
#B08968
#DDB892
#EDE0D4
#5E548E
#9F86C0
#BE95C4
#E0B1CB
#5F7161
#6D8B74
#A7C4BC
#EFEAD8
#006D77
#83C5BE
#EDF6F9
#FFDDD2
#3D405B
#81B29A
#F2CC8F
#F4F1DE
#7D6E5D
#B9A990
#E7DFD3
#F9F7F3
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#2F3E46
#354F52
#52796F
#CAD2C5
#FFAFCC
#FFC8DD
#BDE0FE
#A2D2FF
#0D1F22
#345365
#7A9E7E
#E9F5DB
#22223B
#595D79
#9A8C98
#F2E9E4