#775249
#872870
#850039
#120115
#121016Licorice
#54149CIndigo
#693B79Eggplant
#5B9FFFCornflower
Stellar Indigo & Cornflower is a dark, split color palette tagged space, dark, vibrant. The hues span about 70°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Licorice | #121016 | rgb(18, 16, 22) | hsl(260, 16%, 7%) | oklch(17.8% 0.013 300) | |
| Indigo | #54149C | rgb(84, 20, 156) | hsl(268, 77%, 35%) | oklch(38.8% 0.194 297) | |
| Eggplant | #693B79 | rgb(105, 59, 121) | hsl(285, 34%, 35%) | oklch(43.5% 0.111 317) | |
| Cornflower | #5B9FFF | rgb(91, 159, 255) | hsl(215, 100%, 68%) | oklch(70.2% 0.158 257) |
Why it works and how to use it
With 3 chromatic colors, Indigo takes the lead while the rest support. Lightness runs from 7% to 68%. Well suited to dark-mode interfaces and gaming.
- Background: Cornflower (#5B9FFF) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#121016) on #5B9FFF gives 7.06:1, passing WCAG AAA.
- Primary: Indigo (#54149C) is the most saturated mid-tone; use it for buttons and links (4.01:1 against the background, fine for UI elements).
- Accent: Eggplant (#693B79) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Cornflower at 7.06:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Stellar Indigo & Cornflower
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
#121016
#54149C
#693B79
#5B9FFF
Color-blind check: under tritanopia, Indigo and Eggplant 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 |
|---|---|---|---|
#121016 on #5B9FFF | Aa | 7.06:1 | AAA |
#54149C on #5B9FFF | Aa | 4.01:1 | AA large only |
#693B79 on #5B9FFF | Aa | 3.14:1 | AA large only |
#121016 on #693B79 | Aa | 2.25:1 | Fail |
#121016 on #54149C | Aa | 1.76:1 | Fail |
#54149C on #693B79 | Aa | 1.28:1 | Fail |
Similar palettes 24 more in this mood
#0B132B
#3B487A
#5C7BA8
#6FFFE9
#0A1024
#3A456B
#5C7CFA
#DDE3FF
#0B0620
#412676
#9D4EDD
#FFB3E6
#003439
#006857
#55709F
#008FC2
#A882C7
#AE495D
#834470
#1A161F
#05070B
#00576A
#576E84
#00B579
#111823
#3F506C
#81BBFF
#FFFAE9
#011323
#284A69
#008FE2
#D3E7FE
#03071E
#0B525B
#1B998B
#C2F970
#000814
#1B3A69
#2A5A99
#FFC300
#240046
#6021A1
#9D4EDD
#FF9E00
#050A14
#2E3F5A
#4FA3FF
#FFE27A
#010710
#435163
#FFBB59
#E7EBF1
#BD95FF
#CC98B3
#846C87
#111126
#12041B
#551C66
#BD3DB7
#FFB8CA
#08051D
#174F63
#04979E
#9DFFA1
#001728
#1D4F77
#4582A0
#97FDC0
#182035
#4B577E
#7F9DFF
#F8F9FF
#000A19
#0B5351
#399976
#EAED4C
#13084D
#3D32AF
#745FF3
#FF9A6B
#081724
#355586
#4171B2
#FFDD91
#00090F
#00405F
#00618B
#FFBE7B
#10002B
#5A189A
#9D4EDD
#E0AAFF