monochromedark
Ivory & Ink Color Palette
Ivory & Ink is a monochrome and dark color palette of 5 colors: White (#fffffa), Platinum (#ece8e1), Cool Grey (#9a9a9a), Onyx (#3c3c3c) and Oxford Blue (#0f0f0f). It leans on neutral tones rather than one strong hue.
The darkest color, Oxford Blue, on the lightest, White, gives a 19.11:1 contrast ratio — enough for body text at WCAG AAA. 5 pairs in this palette pass AA for normal text. Platinum (#ece8e1) is its most saturated color and a natural choice for buttons and links.
Colors
- White
- Platinum
- Cool Grey
- Onyx
- Oxford Blue
CSS Output
:root {
--ivory-ink-1: #fffffa;
--ivory-ink-2: #ece8e1;
--ivory-ink-3: #9a9a9a;
--ivory-ink-4: #3c3c3c;
--ivory-ink-5: #0f0f0f;
}Ivory & Ink on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Oxford Blue on White#0f0f0f on #fffffa19.11:1AAA
- Oxford Blue on Platinum#0f0f0f on #ece8e115.69:1AAA
- Onyx on White#3c3c3c on #fffffa10.99:1AAA
- Onyx on Platinum#3c3c3c on #ece8e19.03:1AAA
- Oxford Blue on Cool Grey#0f0f0f on #9a9a9a6.81:1AA
- Onyx on Cool Grey#3c3c3c on #9a9a9a3.92:1AA Large