Ink Drop color palette
A drop of violet ink spreading in water. #1A0533 and #2D0B55 are nearly black with a purple cast, #4A1878 is deep plum, and #7B3FAE and #B07FD8 lighten into a muted orchid. It's quiet and literary, since even the brightest shade is fairly soft. Writing apps and poetry journals suit its quiet mood.
Ink Drop palette in use
Start from a #1A0533 background, with #2D0B55 cards and #B07FD8 headings and links. #7B3FAE makes the button color, with off-white for longer text.
This pair measures 6.17:1, so it works for body text too. The button uses #7B3FAE with white text.
ButtonGood for
- Writing app dark mode
- Poetry journal website
- Tarot card deck
- Jazz label branding
Readable color pairs
Pairs from this palette with at least 3:1 contrast (WCAG 2). Use AA and AAA pairs for body text, and AA large pairs for headings 24px and up.
| Text | Background | Ratio | Rating |
|---|---|---|---|
#1A0533 | #B07FD8 | 6.17:1 | AA |
#2D0B55 | #B07FD8 | 5.32:1 | AA |
#4A1878 | #B07FD8 | 4.05:1 | AA large |
Ink Drop palette as code
CSS variables
:root {
--ink-drop-1: #1A0533;
--ink-drop-2: #2D0B55;
--ink-drop-3: #4A1878;
--ink-drop-4: #7B3FAE;
--ink-drop-5: #B07FD8;
}Tailwind v4
@theme {
--color-ink-drop-1: #1A0533;
--color-ink-drop-2: #2D0B55;
--color-ink-drop-3: #4A1878;
--color-ink-drop-4: #7B3FAE;
--color-ink-drop-5: #B07FD8;
}Tailwind v3
// tailwind.config.js → theme.extend.colors
'ink-drop': {
100: '#1A0533',
200: '#2D0B55',
300: '#4A1878',
400: '#7B3FAE',
500: '#B07FD8',
},SCSS
$ink-drop-1: #1A0533;
$ink-drop-2: #2D0B55;
$ink-drop-3: #4A1878;
$ink-drop-4: #7B3FAE;
$ink-drop-5: #B07FD8;JSON
["#1A0533","#2D0B55","#4A1878","#7B3FAE","#B07FD8"]Named colors in this palette
The nearest named color to each swatch, with its meaning and matching colors.