Citrus Wisteria & Ink is a pastel light, monochromatic color palette tagged modern, cold, minimal. All four colors sit within 15° of hue, so the scheme reads as one color explored across light and dark. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is cool.
Color codes click any value to copy
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Wisteria to lead. Lightness runs from 16% to 99%. Well suited to social media templates and gentle interfaces.
- Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
- Text: Ink (#14213D) on #FDFDFD gives 15.7:1, passing WCAG AAA.
- Primary: Wisteria (#ABB1FF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Ice (#E5E5E5) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on White at 15.7:1.
Preview on a real UI see how the palette feels in context
Design faster with Citrus Wisteria & Ink
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryColor blindness simulation
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#14213D on #FDFDFD | Aa | 15.7:1 | AAA |
#14213D on #E5E5E5 | Aa | 12.68:1 | AAA |
#14213D on #ABB1FF | Aa | 7.96:1 | AAA |
#ABB1FF on #FDFDFD | Aa | 1.97:1 | Fail |
#ABB1FF on #E5E5E5 | Aa | 1.59:1 | Fail |
#E5E5E5 on #FDFDFD | Aa | 1.24:1 | Fail |