#A4C5FF
#9D93FF
#C049FF
#160819
#121826Ink
#8A2BE2Violet
#00FFC6Aquamarine
#F0F0FFFrost
Hologram is a vivid split color palette tagged cyberpunk, vibrant, neon. A split scheme: Ink plays against Aquamarine across roughly 104° 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 |
|---|---|---|---|---|---|
| Ink | #121826 | rgb(18, 24, 38) | hsl(222, 36%, 11%) | oklch(21.0% 0.029 266) | |
| Violet | #8A2BE2 | rgb(138, 43, 226) | hsl(271, 76%, 53%) | oklch(53.4% 0.250 301) | |
| Aquamarine | #00FFC6 | rgb(0, 255, 198) | hsl(167, 100%, 50%) | oklch(88.9% 0.178 169) | |
| Frost | #F0F0FF | rgb(240, 240, 255) | hsl(240, 100%, 97%) | oklch(96.0% 0.020 286) |
Why it works and how to use it
With 3 chromatic colors, Aquamarine takes the lead while the rest support. Lightness runs from 11% to 97%. Well suited to websites, presentations and branding.
- Background: Frost (#F0F0FF) is the lightest color, so it belongs on large surfaces.
- Text: Ink (#121826) on #F0F0FF gives 15.72:1, passing WCAG AAA.
- Primary: Aquamarine (#00FFC6) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Violet (#8A2BE2) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Frost at 15.72:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Hologram
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
#121826
#8A2BE2
#00FFC6
#F0F0FF
Color-blind check: under protanopia, Aquamarine and Frost 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 |
|---|---|---|---|
#121826 on #F0F0FF | Aa | 15.72:1 | AAA |
#121826 on #00FFC6 | Aa | 13.61:1 | AAA |
#8A2BE2 on #F0F0FF | Aa | 5.28:1 | AA |
#8A2BE2 on #00FFC6 | Aa | 4.57:1 | AA |
#121826 on #8A2BE2 | Aa | 2.98:1 | Fail |
#00FFC6 on #F0F0FF | Aa | 1.15:1 | Fail |
Similar palettes 24 more in this mood
#170A1D
#895DE6
#0093D1
#DE3BF3
#10002B
#5A189A
#9D4EDD
#E0AAFF
#EDA6FF
#F46CB5
#865DFF
#280F1D
#00090B
#7C49FF
#008996
#00A7E4
#80BAFF
#BB7FFF
#858BFF
#0F020E
#262D3C
#A049FD
#C9FFEA
#F9F9FF
#271730
#FF2C8B
#E87E00
#DF70D3
#EF84FF
#F53538
#EA1F90
#0F0B12
#09022E
#4823A4
#8658EC
#CDB4FF
#301427
#FA00BD
#BBB8FF
#F8A1FF
#7D75FF
#0092C9
#1F7EFF
#000915
#130C12
#FF55AE
#FA42F9
#FFB6BA
#11060E
#E547AE
#FF2B82
#FF7777
#250916
#CA1F8A
#C866CF
#BE97FF
#00141A
#FF2353
#DC9900
#3ECBFF
#00B2B7
#FF12AE
#E33B86
#23091F
#00131D
#008AC5
#84A7FF
#F591FF
#000D0F
#1479F9
#898BFF
#00D2F1
#050B10
#223D4E
#B4FF39
#FF3E9A
#0F0E17
#FF8906
#F25F4C
#E53170
#100311
#D04D00
#FF8294
#FF74D0
#0A0F1F
#304375
#00E5FF
#FF3C7E
#5341A4
#5D33DA
#AA98FF
#F1EFFC