Home Color Palettes 4-Color Pansy Palette

4-Color Pansy Palette

4-color palette · Neutral · Mixed · Analogous harmony

Back to Library

4-Color Pansy Palette

4-color palette · Neutral temperature · Mixed tone · Analogous harmony

Modify

Vibrant 4 colors Neutral Mixed Analogous

Likes 2,231

Colors 4

CSS variables

:root {
  --c-vibrant-1: #442A9D;
  --c-vibrant-2: #F14E95;
  --c-vibrant-3: #B13CD5;
  --c-vibrant-4: #FAF3FC;
}

About this palette

This 4-color vibrant palette runs from Walkie Chalkie (#FAF3FC) as its lightest tone to Galactic Purple (#442A9D) as its darkest. It blends Galactic Purple, Pansy, Magenta Affair and Walkie Chalkie into a single set you can drop straight into a UI. Of its 6 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #442A9D on #FAF3FC at 9.35:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Galactic Purple #442A9D

RGB: rgb(68, 42, 157)
HSL: hsl(254, 58%, 39%)
Luminance: 0.053

Pansy #F14E95

RGB: rgb(241, 78, 149)
HSL: hsl(334, 85%, 63%)
Luminance: 0.263

Magenta Affair #B13CD5

RGB: rgb(177, 60, 213)
HSL: hsl(286, 65%, 54%)
Luminance: 0.174

Walkie Chalkie #FAF3FC

RGB: rgb(250, 243, 252)
HSL: hsl(287, 60%, 97%)
Luminance: 0.915

Contrast & accessibility

1 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #442A9D on #FAF3FC 9.35:1 AAA

Aa #B13CD5 on #FAF3FC 4.31:1 AA Large

Aa #F14E95 on #FAF3FC 3.08:1 AA Large

Aa #442A9D on #F14E95 3.04:1 AA Large

Aa #442A9D on #B13CD5 2.17:1 Fail

Aa #F14E95 on #B13CD5 1.40:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B

4 colors

#F5F7F8 #F4CE14 #495E57 #45474B

4 colors

#222831 #393E46 #FFD369 #EEEEEE

4 colors

#000000 #52057B #892CDC #BC6FF1

4 colors

#213555 #3E5879 #D8C4B6 #F5EFE7

4 colors

#F5EFE7 #D8C4B6 #4F709C #213555

4 colors

#191A19 #1E5128 #4E9F3D #D8E9A8

4 colors

#352F44 #5C5470 #B9B4C7 #FAF0E6

4 colors