#10002B
#5A189A
#9D4EDD
#E0AAFF
#10002BObsidian
#7B2CBFGrape
#E0AAFFMauve
#00F5D4Turquoise
Ultraviolet Glow is a vivid split color palette tagged dark, vibrant, cold. A split scheme: Grape plays against Turquoise across roughly 106° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Obsidian | #10002B | rgb(16, 0, 43) | hsl(262, 100%, 8%) | oklch(15.3% 0.085 294) | |
| Grape | #7B2CBF | rgb(123, 44, 191) | hsl(272, 63%, 46%) | oklch(48.7% 0.213 304) | |
| Mauve | #E0AAFF | rgb(224, 170, 255) | hsl(278, 100%, 83%) | oklch(81.7% 0.129 313) | |
| Turquoise | #00F5D4 | rgb(0, 245, 212) | hsl(172, 100%, 48%) | oklch(86.8% 0.160 178) |
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 (83% down to 8% lightness). A natural fit for websites, presentations and branding.
- Background: Turquoise (#00F5D4) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#10002B) on #00F5D4 gives 14.2:1, passing WCAG AAA.
- Primary: Mauve (#E0AAFF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Grape (#7B2CBF) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Turquoise at 14.2:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Ultraviolet Glow
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
#10002B
#7B2CBF
#E0AAFF
#00F5D4
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#10002B on #00F5D4 | Aa | 14.2:1 | AAA |
#10002B on #E0AAFF | Aa | 10.75:1 | AAA |
#7B2CBF on #00F5D4 | Aa | 5.08:1 | AA |
#7B2CBF on #E0AAFF | Aa | 3.85:1 | AA large only |
#10002B on #7B2CBF | Aa | 2.8:1 | Fail |
#E0AAFF on #00F5D4 | Aa | 1.32:1 | Fail |
Similar palettes 24 more in this mood
#121016
#54149C
#693B79
#5B9FFF
#10002B
#B00054
#E0AAFF
#00F5D4
#06032E
#5B3CD0
#C6B7FF
#62F3AE
#170021
#9518A1
#F5A3E7
#00F0F8
#EDE8FF
#927AFF
#7F2BC5
#110818
#050013
#420077
#822FBF
#CC97EA
#09022E
#4823A4
#8658EC
#CDB4FF
#02040F
#7500C7
#00E3B0
#D9D9E7
#C3A6F7
#915ADA
#6B06A4
#281500
#12002B
#6A00F4
#B266FF
#F2E6FF
#03071E
#0B525B
#1B998B
#C2F970
#0B132B
#3B487A
#5C7BA8
#6FFFE9
#14101F
#4D4365
#8E6BFF
#EEE9FF
#775249
#872870
#850039
#120115
#2D00F7
#00F5D4
#F9F871
#111111
#2C003C
#793DA1
#BA63CA
#F0D5FF
#0B0620
#412676
#9D4EDD
#FFB3E6
#00191D
#005664
#36888C
#D1F290
#D8BFFF
#B37BF7
#7B31BA
#240042
#FF7518
#1A1A1A
#6A0DAD
#F5F5F5
#0D0221
#5A189A
#39FF14
#FF8C00
#06141B
#315B70
#00A3BA
#9EC6CE
#05070B
#00576A
#576E84
#00B579