#FFF1B8
#F5D67A
#8A7F63
#3B3A36
#3B3A36 is a dark, nearly neutral gray color, closest to Onyx and near Onyx and Iron. In OKLCH it has 35% lightness and 0.01 chroma at hue 95°. Gray suggests neutrality and balance; it lets other colors lead, which makes #3B3A36 a natural choice for text, borders and interface chrome. It appears in 4 ColorSwoop palettes.
#3B3A36rgb(59, 58, 54)hsl(48, 4%, 22%)0, 2, 8, 77--onyx11.39:1 white · 1.84:1 blackWhite text passes WCAG AA on #3B3A36 (11.39:1); black does not, so keep dark text off it.
For a calm scheme pair #3B3A36 with its analogous neighbors #3A3736 and #393A36; for contrast use its complement #36373A as a small accent, and anchor everything with a neutral such as #F5F5F7.
--onyx: #3B3A36;
$onyx: #3B3A36;
colors: { 'onyx': '#3B3A36' }