#14213DInk
#ABB1FFWisteria
#E5E5E5Ice
#FDFDFDWhite

Citrus Wisteria & Ink color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

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

SwatchNameHEXRGBHSLOKLCH
Ink#14213Drgb(20, 33, 61)hsl(221, 51%, 16%)oklch(25.2% 0.056 264)
Wisteria#ABB1FFrgb(171, 177, 255)hsl(236, 100%, 84%)oklch(78.5% 0.111 280)
Ice#E5E5E5rgb(229, 229, 229)hsl(0, 0%, 90%)oklch(92.2% 0.000 0)
White#FDFDFDrgb(253, 253, 253)hsl(0, 0%, 99%)oklch(99.4% 0.000 0)

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

BrandFeaturesPricingBlogGet started

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 Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#14213D
#ABB1FF
#E5E5E5
#FDFDFD

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#14213D on #FDFDFDAa15.7:1AAA
#14213D on #E5E5E5Aa12.68:1AAA
#14213D on #ABB1FFAa7.96:1AAA
#ABB1FF on #FDFDFDAa1.97:1Fail
#ABB1FF on #E5E5E5Aa1.59:1Fail
#E5E5E5 on #FDFDFDAa1.24:1Fail

Similar palettes 24 more in this mood