#0D1321
#34465E
#748CAB
#F0EBD8
#010710Obsidian
#435163Graphite
#FFBB59Amber
#E7EBF1Frost
Galaxy Amber & Graphite is a complementary color palette tagged space, dark, minimal. Near-complementary hues (about 179° apart) make this a high-contrast, attention-grabbing combination. 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 |
|---|---|---|---|---|---|
| Obsidian | #010710 | rgb(1, 7, 16) | hsl(216, 88%, 3%) | oklch(12.5% 0.027 247) | |
| Graphite | #435163 | rgb(67, 81, 99) | hsl(214, 19%, 33%) | oklch(43.0% 0.035 255) | |
| Amber | #FFBB59 | rgb(255, 187, 89) | hsl(35, 100%, 67%) | oklch(83.7% 0.138 74) | |
| Frost | #E7EBF1 | rgb(231, 235, 241) | hsl(216, 26%, 93%) | oklch(93.9% 0.009 258) |
Why it works and how to use it
The palette holds together thanks to its complementary hue relationship and a strong light-to-dark ladder (93% down to 3% lightness). A natural fit for websites, presentations and branding.
- Background: Frost (#E7EBF1) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#010710) on #E7EBF1 gives 16.89:1, passing WCAG AAA.
- Primary: Amber (#FFBB59) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Graphite (#435163) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Frost at 16.89:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Galaxy Amber & Graphite
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
#010710
#435163
#FFBB59
#E7EBF1
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#010710 on #E7EBF1 | Aa | 16.89:1 | AAA |
#010710 on #FFBB59 | Aa | 12.03:1 | AAA |
#435163 on #E7EBF1 | Aa | 6.76:1 | AA |
#435163 on #FFBB59 | Aa | 4.82:1 | AA |
#010710 on #435163 | Aa | 2.5:1 | Fail |
#FFBB59 on #E7EBF1 | Aa | 1.4:1 | Fail |
Similar palettes 24 more in this mood
#0E1427
#676E78
#C5BE00
#E6E7E9
#F1F4FF
#B3E100
#717A9E
#0D101E
#0F1421
#424A66
#6A7B94
#AEF3E6
#775249
#872870
#850039
#120115
#121016
#54149C
#693B79
#5B9FFF
#003439
#006857
#55709F
#008FC2
#A882C7
#AE495D
#834470
#1A161F
#05070B
#00576A
#576E84
#00B579
#111823
#3F506C
#81BBFF
#FFFAE9
#050915
#314E53
#5C9188
#D1F0AB
#03071E
#0B525B
#1B998B
#C2F970
#000814
#1B3A69
#2A5A99
#FFC300
#0B132B
#3B487A
#5C7BA8
#6FFFE9
#0A1024
#3A456B
#5C7CFA
#DDE3FF
#050A14
#264158
#00ACF4
#FFDEAA
#0B0620
#412676
#9D4EDD
#FFB3E6
#050A14
#2E3F5A
#4FA3FF
#FFE27A
#BD95FF
#CC98B3
#846C87
#111126
#12041B
#551C66
#BD3DB7
#FFB8CA
#08051D
#174F63
#04979E
#9DFFA1
#03080E
#2B3B55
#425B7D
#E9C983
#001728
#1D4F77
#4582A0
#97FDC0
#0B0F0E
#3A4642
#BEF62F
#F3FFE0