#010710
#435163
#FFBB59
#E7EBF1
#0E1427Ink
#676E78Dove Gray
#C5BE00Mustard
#E6E7E9Ice
Astro Mustard & Ink is a complementary color palette tagged space, minimal, black. Near-complementary hues (about 168° 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 |
|---|---|---|---|---|---|
| Ink | #0E1427 | rgb(14, 20, 39) | hsl(226, 47%, 10%) | oklch(19.6% 0.039 269) | |
| Dove Gray | #676E78 | rgb(103, 110, 120) | hsl(215, 8%, 44%) | oklch(53.6% 0.018 257) | |
| Mustard | #C5BE00 | rgb(197, 190, 0) | hsl(58, 100%, 39%) | oklch(78.2% 0.168 107) | |
| Ice | #E6E7E9 | rgb(230, 231, 233) | hsl(220, 6%, 91%) | oklch(92.8% 0.003 265) |
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 (91% down to 10% lightness). A natural fit for websites, presentations and branding.
- Background: Ice (#E6E7E9) is the lightest color, so it belongs on large surfaces.
- Text: Ink (#0E1427) on #E6E7E9 gives 14.78:1, passing WCAG AAA.
- Primary: Mustard (#C5BE00) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dove Gray (#676E78) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Ice at 14.78:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Astro Mustard & Ink
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
#0E1427
#676E78
#C5BE00
#E6E7E9
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#0E1427 on #E6E7E9 | Aa | 14.78:1 | AAA |
#0E1427 on #C5BE00 | Aa | 9.35:1 | AAA |
#676E78 on #E6E7E9 | Aa | 4.16:1 | AA large only |
#0E1427 on #676E78 | Aa | 3.55:1 | AA large only |
#676E78 on #C5BE00 | Aa | 2.63:1 | Fail |
#C5BE00 on #E6E7E9 | Aa | 1.58:1 | Fail |
Similar palettes 24 more in this mood
#F1F4FF
#B3E100
#717A9E
#0D101E
#0D1321
#34465E
#748CAB
#F0EBD8
#0F1421
#424A66
#6A7B94
#AEF3E6
#000814
#1B3A69
#2A5A99
#FFC300
#775249
#872870
#850039
#120115
#121016
#54149C
#693B79
#5B9FFF
#050A14
#2E3F5A
#4FA3FF
#FFE27A
#BD95FF
#CC98B3
#846C87
#111126
#003439
#006857
#55709F
#008FC2
#A882C7
#AE495D
#834470
#1A161F
#05070B
#00576A
#576E84
#00B579
#111823
#3F506C
#81BBFF
#FFFAE9
#050915
#314E53
#5C9188
#D1F0AB
#000000
#3A3A3A
#D4AF37
#F2F2F2
#03071E
#0B525B
#1B998B
#C2F970
#0B132B
#3B487A
#5C7BA8
#6FFFE9
#0A1024
#3A456B
#5C7CFA
#DDE3FF
#0A1A1E
#648691
#EED200
#D8E2E5
#D6D9DA
#A2ABAF
#D0BF00
#0A1418
#050A14
#264158
#00ACF4
#FFDEAA
#0B0620
#412676
#9D4EDD
#FFB3E6
#12041B
#551C66
#BD3DB7
#FFB8CA
#343345
#6F6395
#C89EF3
#FFE6F6