#FFFFF4Ivory
#E6E4D8Almond
#1C1C1CRaisin
#8A8A80Stone

Ivory & Ink color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Ivory & Ink is a neutral-based color palette tagged monochrome, minimal, white. Ivory is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Ivory#FFFFF4rgb(255, 255, 244)hsl(60, 100%, 98%)oklch(99.7% 0.014 107)
Almond#E6E4D8rgb(230, 228, 216)hsl(51, 22%, 87%)oklch(91.7% 0.016 99)
Raisin#1C1C1Crgb(28, 28, 28)hsl(0, 0%, 11%)oklch(22.6% 0.000 0)
Stone#8A8A80rgb(138, 138, 128)hsl(60, 4%, 52%)oklch(63.0% 0.015 107)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Almond to lead. Lightness runs from 11% to 98%. Well suited to websites, presentations and branding.

  • Background: Ivory (#FFFFF4) is the lightest color, so it belongs on large surfaces.
  • Text: Raisin (#1C1C1C) on #FFFFF4 gives 16.93:1, passing WCAG AAA.
  • Primary: Almond (#E6E4D8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Stone (#8A8A80) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ivory on Raisin at 16.93:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Ivory & 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

#FFFFF4
#E6E4D8
#1C1C1C
#8A8A80

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#FFFFF4 on #1C1C1CAa16.93:1AAA
#E6E4D8 on #1C1C1CAa13.35:1AAA
#1C1C1C on #8A8A80Aa4.89:1AA
#FFFFF4 on #8A8A80Aa3.46:1AA large only
#E6E4D8 on #8A8A80Aa2.73:1Fail
#FFFFF4 on #E6E4D8Aa1.27:1Fail

Similar palettes 24 more in this mood