Colors from Portfolio of Jesper Dahlqvist — UI color palette
Portfolio of Jesper Dahlqvist. Product Designer with over a decade of experience. Throughout the years he has been working with top clients & several exciting startups. Hex set: #FBFBFB, #121212, #A2A2A2, #7C7C7C, #848484.
- Swatch role: #FBFBFB reads as a near-white surface.
- Swatch role: #121212 reads as a near-black surface.
- Swatch role: #A2A2A2 reads as a mid surface.
- Swatch role: #7C7C7C reads as a mid surface.
- Swatch role: #848484 reads as a mid surface.
- Darkest #121212 vs lightest #FBFBFB sits around 18.1:1, which exceeds WCAG AAA for normal text.
- Use #A2A2A2 for secondary UI (borders, muted labels, chips) so the extremes stay reserved for hierarchy.
- Map one dark and one light token to text/background pairs, then keep accents for buttons, links, and focus rings.