Background highlighted/selected element.
Borders & Dividers.
Borders & Dividers more visible or hover of 100/200.
Brand, non active icons, muted text.
Backgrounds / Ultra-light tints.
Base Color: Brand, buttons, active icons, link, titles.
Brand, hover or focus states.
Secondary text & contrast, subtitles, icons on white.
Secondary text & contrast, paragraph text.
Main text and dark background, main title, high contrast.
Deep dark background, critical text, dark mode base.
Generic palette output type. It matches the usual Tailwind CSS palete format.