When generating colors of various hues, using the LCH color space generally produces a nicer result than using the HSL color space.

LCH

HSL

Using colord to convert LCH to RGB

// colord.ts
import { Plugin, colord, extend } from 'colord'
import lchPlugin from 'colord/plugins/lch'

extend([(lchPlugin as unknown) as Plugin])
export { colord }

colord({ h: hue, c: 72, l: 80 }).toRgbString()